1.项目介绍
学期末忙里偷闲做的课程设计,因为之前刚学完ts和koa,正好这次用在实际项目中
项目没有上线,但是有个演示
www.bilibili.com/video/BV1UY…
前台:gitee.com/ye-zhonghua…
后台:gitee.com/ye-zhonghua…
服务端:gitee.com/ye-zhonghua…
技术选型:
前台页面:react18+ts
后台页面:vue3+ts
服务端:koa+mysql
当然还有一些其他的ui库,如:ant-design,element-plus
2.项目启动
前台npm i npm start
后台npm i npm run serve
服务端:
- 创建数据库jiang_blog,运行sql文件(在服务端项目的根目录)
npm inodemon main.js
3.功能介绍
1.前台功能
- 注册,登录,gitee三方登录,附上教程 nodejs接入gitee码云OAuth2登录(第三方登录)_rojerYong's Blog (eoway.cn)
- 浏览文章(无限滚动)
- 目录导航查看文章
- 评论,回复评论
- 留言,回复留言
- markdown格式留言和发表文章
- 本地图片上传和回显
- 收藏文章,点赞评论和点赞留言
- 全局主题切换(夜间和日间两种模式)
- 根据标题或内容搜索文章
- 查看个人或他人主页,编辑个人资料
- jwt token实现用户权限验证
- 文章上线审核,websocket实现消息推送(配合koa)附上教程 nodejs使用koa+websocket实现点对点的即时通讯_邱六崇的博客-CSDN博客_koa websocket
2.后台功能
- 用户管理,编辑用户,搜索用户,删除用户
- 文章管理,根据发表时间筛选文章,根据表题和内容搜索文章
- 评论管理,包含在文章管理中,搜索和删除评论
- 标签管理,添加,删除,搜索标签
- 文章审核 后台写的比较简陋,但基本功能还是有的
4.终结
这次项目很多东西可以说是边学边做,比如websocket,主题切换,node编写中间件实现鉴权,无论是从代码的编写还是项目整体的架构都学到了不少东西
大佬们留下个小心心吧