YouCat网站搭建
时间:2023-07-11 21:03:02 | 来源:网站运营
时间:2023-07-11 21:03:02 来源:网站运营
YouCat网站搭建:近期在创业开发一个宠物版的网站,记录一下开发流程,仅供参考。
首先是技术选型:
前端 ElementUI + 后端 express + 数据库 mysql + 服务器 pm2
选型原因:因为我熟悉js,另外比较不喜欢Spring的繁琐配置,所以选择了express框架。当然目前缺点已经显现出来了,太慢了!不过还没到瓶颈,加钱增加服务器配置即可,暂时不用担心。
先聊一下目录结构:
其中:
config.js:所有的配置,例如:文件存储地址等
routes:服务端js所在目录,类似于java的controller
serve:服务端公共js文件夹,目前存放了:数据库连接池,邮件发送等公用js文件
sql:服务端sql文件,与routes中的文件一一对应,存放对应route需要的sql
ssl:ssl文件所在目录
web:前端文件所在目录。其中具体结构如下:
web.public:前端公共文件
web.modules:每个页面单独的js与css文件
基础结构大致如下上。
问题:
1.为什么没有选择webpack?因为太烦了,而且线上调试比较麻烦,所以没用。以后可能会上。
2.图片如何存储?存储到本地(config,js中确定存储位置),数据库存储图片的名字。
3.富文本如何存储?变成HTML结构存储到本地(config,js中确定存储位置),数据库存储文章的名字。原因是因为我的数据库比较小,所以为了更多存储采用了这个办法,另外还是因为为了以后做文本语义分析智能推荐做准备。(数据库clob需要转一层才可以在前端显示)
4。图片问题?图片用了两种存储方式,一种是直接文件,一种是base64。其中用户头像是base64大文本存储在数据库中,富文本同样采用base64存储。其余的都是文件存储,当然文件存储直接展示的是其缩略图,实际点击以后才会将原本的图片展示出来。