美文网首页
01 | 仿简书 | 准备工作

01 | 仿简书 | 准备工作

作者: cemcoe | 来源:发表于2020-10-07 07:55 被阅读0次

这里是在简书仿简书的第一篇,早睡早起身体好

该文集会涉及前端和后端以及上线部署以及 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 框架的话,前端的乐趣就减少了大半,项目本身又不追求进度啥的,也就不用了。不断地抽离通用组件也是一种乐趣。

首要任务

简书的核心是用户模块和文章模块,最开始也是集中在这两个模块。

哦了。

相关文章

网友评论

      本文标题:01 | 仿简书 | 准备工作

      本文链接:https://www.haomeiwen.com/subject/rlgzuktx.html