【杂记】搭建一个网站及部署(前端+后端)

前言:

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

首先前端是捡起很古早的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文件做的一些信息的存储

【暂时就这样了…】

本内容观点仅代表发布作者本人观点立场,欣文网平台只做信息内容展示和存储。发布作者:全网转载,转转请注明出处:https://www.xinenw.com/46088.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年10月23日 14:00
下一篇 2024年10月23日 14:08

相关推荐

  • 新医院开张喊“赚一个亿”?医疗价值观不能如此扭曲

    Review 红辣椒评论 医疗行业不同于其他商业领域,它带有公益性质,无论是公立医院还是民营医院,都应将社会效益放在经济效益前面。 □王麓民 近日,有视频显示,一个装饰豪华的场所正在举行名为“鑫聚幸和贵阳医院开工大吉”的活动。视频中,室外挂有“诊所”的招牌,室内则设有“产后康复中心”的匾牌。一群人齐声高呼:“空降全国各地,打压你的当地,贵阳医院已落地,目标先…

    2024年9月29日
    4400
  • 大学生宿舍遇到的那些奇葩室友,不讲卫生、爱贪小便宜的都不算啥!

    点击蓝字| 关注我们 文|我是笑笑 在我们上学时,有一部分同学为了方便会选择住校,到了大学后基本上大家都会住在学校寝室里,申请走读并不是那么容易。 大学不像是初高中,都在家附近上大学,要是离家里很远的话,通勤也不现实,还不如住在学校里方便。 但大家住宿生活好不好,大伙儿能不能适应集体生活,室友也占据了很大一部分因素。 如果室友的生活习惯良好,和室友也能相处融…

    2024年6月8日
    14600
  • 冲冠一怒为护士?两医生互殴不应该

    Review 红辣椒评论 医生之间的情感纠葛应该通过合适的方式解决,而不是采取暴力手段。否则,不仅会影响自己的职业生涯,也会给医院和患者带来不必要的麻烦。 □梁勇 近日,网传无锡市人民医院急诊科主任和口腔科主任因一名女护士的问题发生冲突,甚至动手打架。其中急诊科主任受伤,还被送进了自家医院的急诊ICU。据了解,两名科室主任年纪在50岁左右,而女护士则为20多…

    2024年8月2日
    12200
  • 追忆童年,是为了更好地奔赴未来

    侯梦佳 东北师范大学 ——2024年度红网“青椒计划”系列作品 又逢六一儿童节,除了小孩子期待着这个节日的到来,不少成年人也渴望在这一天重新做回那个童心未泯的“孩子”。追忆童年,似乎每个人都有份令人感慨万千的回忆。 近日,视频博主“闹腾男孩KC”的“成年后的自己和童年的自己对话”的系列视频引发了众多的讨论。三块一杯五块两杯的老式奶茶、能玩警察抓小偷游戏的微机…

    2024年6月2日
    19300
  • 00后是如何招待亲戚吃饭的?大人眼中的乱整,小孩眼中的美味!

    点击蓝字| 关注我们 文|我是笑笑 我们中国素来就是礼仪之邦,比较注重礼节,如果有亲戚朋友来自己的家中做客,大家一定会热情招待,给亲戚朋友“露一手”,准备丰盛的饭菜。 一般这种情况下妈妈就成为了最忙碌的人,在厨房里准备美味,那如果亲戚来家里做客,但恰好赶上家长不在家该怎么办呢? 也许在我们小的时候遇到这种情况,会和亲戚一起等着家长回来,原来我们“社恐”从小可…

    2024年7月12日
    12300

发表回复

登录后才能评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件A:xinenw@qq.com

邮箱B:xinenw@163.com

工作时间:周一至周五,8:30-23:30;周六周日10:30-18:30;节假日休息

关注微信