这里是在简书仿简书的第一篇,早睡早起身体好
该文集会涉及前端和后端以及上线部署以及 https 中证书的申请以及 nginx 配置等。
闲的
闲来无事找点事做,那就照着简书搞一个类似的好了,主要是想搞一搞后端如何给前端编写 api ,虽说是一个全栈项目,但还是比较侧重于前端的。
作为一个前端总是写假数据或者 Mock 数据也不是很好。
该项目采用前后端分离开发,前端和后端并行开发,后端进度略快。
目前主要实现了用户模块和文章模块,先来 敲我 预览一下。
目前网站的文章数据是使用的 狗屁不通文章生成器 生成的,网站中的文章没有任何
文学价值,仅仅是测试数据,切勿当真。
目前网站的文章数据是使用的 狗屁不通文章生成器 生成的,网站中的文章没有任何
文学价值,仅仅是测试数据,切勿当真。
目前网站的文章数据是使用的 狗屁不通文章生成器 生成的,网站中的文章没有任何
文学价值,仅仅是测试数据,切勿当真。
预览地址:https://jian.cemcoe.com
项目前端地址:https://github.com/cemcoe/jianshu_client
项目后端地址:https://github.com/cemcoe/jianshu_server
接口地址: https://jian.cemcoe.com/jianshu_api
技术栈的选择
Vue2+axios+Koa+MongoDB
之所以指出 Vue 的版本,主要是 Vue3 已经出了,我刚开始学,可能的话会在后面换成 Vue3。
来看一下技术栈,你问技术栈的选取原则是什么?没什么高大上的理由,唯一的原则是我会用。
我太菜了,根本没有给自己留下选择余地,捂脸。
要看究竟用了啥,可以打开项目根目录下的 package.json 查看,下面的仅供参考,因为可能会变。
前端技术栈:
// jianshu_client/package.json
"axios": "^0.20.0",
"core-js": "^3.6.5",
"register-service-worker": "^1.7.1",
"vant": "^2.10.4",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
后端技术栈:
// jianshu_server/package.json
"jsonwebtoken": "^8.5.1",
"koa": "^2.13.0",
"koa-body": "^4.2.0",
"koa-jwt": "^4.0.0",
"koa-parameter": "^3.0.1",
"koa-router": "^9.4.0",
"koa-static": "^5.0.0",
"mongoose": "^5.10.2"
关于测试数据
数据库采用的 MongoDB,文章数据来自于 狗屁不通文章生成器,如果你不想自己往数据库里添加数据,这里有一份准备好的或者说备份的数据,可以从 这里 下载。
关于 UI 框架
本来想用 UI 框架的,但转念一想,使用 UI 框架的话,前端的乐趣就减少了大半,项目本身又不追求进度啥的,也就不用了。不断地抽离通用组件也是一种乐趣。
首要任务
简书的核心是用户模块和文章模块,最开始也是集中在这两个模块。
哦了。












网友评论