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存储。其余的都是文件存储，当然文件存储直接展示的是其缩略图，实际点击以后才会将原本的图片展示出来。