网站首页 > 技术课堂
【杂记】搭建一个网站及部署(前端+后端)
发布时间:2024-11-09 13:55:47 分类:技术课堂 浏览量:5754

“诚,做人之本;信,为人之根,做个诚信的人是我们的根本。”在一春一夏,我们注重每一位客户提出的每个需求,我们充分考虑客户的每一个细节,我们一直在思考如何为客户创造更大的价值,意在让我们的每一位客户都成为我们的朋友...

 

前言:

 

内容纯个人向!!不提供任何最优解,自己凭感觉做的,纯平时休息想到啥就写啥

 

首先前端是捡起很古早的html+css+js课程的部分知识,写了一些自己需要的页面以及接口的调用,数据的展示等,后端用的是python的flask框架来写的api。部署用的云服务器里面自带安装了一个宝塔套餐(之前没用宝塔这东西,确实比自己去服务器里面部署一堆环境方便太多了)

 

 

页面展示:

 

PC端样式

移动端样式:

 

 

 

部署部分:

一,域名

域名可以自己在阿里云或者华为云进行购买,购买之后,需要进行备案,深圳的需要居住证比较麻烦,其他的地方似乎只要一个自己打印一个文件签个名字拍照上传即可,我的这个域名有点久远了,具体步骤记不太清了。然后每年续费即可,不用了就注销。

 

二,服务器部署

 

首先搭建一个自己的网站最先需要的就是服务器了。选择有两种:

 

1,自己家的电脑,前提是需要你有一个公网IP。

 

2,去购买一个付费制的云服务器,这个比较方便自带一个公网IP。

 

 

 

我之前买过阿里云的,后来过期了就去看了华为云,有个新人活动49一年,就买了一个linux+宝塔套餐。

 

首先拿到云服务器需要自己稍微配置一下密码之类的基础操作都有指引

 

在控制台将购买好的域名解析到云服务器,这样你就能不用ip,只需要域名就能访问服务器了

 

基于我这次搭建说一下宝塔对于项目的部署:

前端:

先将代码上传到服务器,直接在宝塔的文件类目点击上传即可很方便,对应的是linux服务器里面的目录

 

 

点击网站,选择PHP,刚开始应该需要下载一些初始化的配置,看着点击就行了,下载Nginx之类的,下载完后点击新建站点,选择前端代码所在的目录,根据自己需求配置好点击确认

 

 

配置好域名和证书之类的,需要其他的设置建议补一下Nginx代理之类的知识,Nginx代理的作用就是可以隐藏真实的服务端口以及一些安全性的设置

 

 

后端:

 

先将代码传到服务器,然后在python类目点击添加一个python项目,对应的设置好路径,以及需要用到的python版本,然后我是用的flask框架就选择一下flask,点击确认即可添加

 

 

对于后续代码内需要用到的第三方库可以在模块进行安装,最后点击启动即可,要是报错了就去终端看一下是什么报错,自己对应的处理一下

 

 

【对于用到的一些端口除了宝塔写了入出站规则之外还需要去华为云的控制台添加入出站规则,要不然访问不了】

 

代码部分:

一开始自己的需求只是方便自己外出的时候能够调用自己写的接口来实现一下小功能之类的,后来想着不如写点简单的前端页面也比较方便,便有了如下

 

前端:

前端是简单的html+css+js的组合,js主要是用来调用我后端的接口,来进行一些数据在页面的展示以及传参的输入之类的

登录的js,通过账号密码的传参,后端api会返一个token参数,当验证成功的时候就会跳转到主页。

 

 

 

我有想在过要是在前端直接将js改掉,那样不需要密码就能进入主页了,于是我在每个需要登录之后访问的页面加了一个身份验证的接口,每次进入需要调用一次那个接口,在请求头内传登录之后拿到的token来验证是否有登录,为空或者错误的话就跳转到登录页

 

 

其他的也好像没啥可说的了,就是很常规的比如加了个搜索,留言板之类的一些小功能,把之前发邮件的接口也做了前端页面进行使用,后续看需要再补充吧

 

后端:

 

基本思路就是python的flask框架进行api的编写,首先安装flask库,然后写api路径以及请求方式,用flask.request来获取传参,再写逻辑,最后return响应数据

其他的更为详细的可以重新在一个文件内封装好函数,最后在这边调用即可

 

 

由于是随便写写的就没有用到数据库了,直接用的json文件做的一些信息的存储

 

【暂时就这样了...】‍‍‍‍‍

 

 

 

 

【一春一夏】我们以网站定制开发、APP/小程序系统定制开发为核心业务。我们坚持为“您”提供一站式系统解决方案。我们奉行“登上峰顶,不是为了饱览风光,是为了寻找更高的山峰”为理念,让我们始终阔步向前。

热门文章
相关推荐