栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

nest+react+vue3 写一个你自己的博客网站

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

nest+react+vue3 写一个你自己的博客网站

自己的博客 适合想学习 nest,react,vue3,docker 做一套属于自己的博客的同学 项目地址: https://github.com/wmy94827/nest-react-blog 如果对你有帮助,给你star,谢谢
  • 在线演示 - 后台管理
  • 在线演示 - 客户端
  • 接口文档演示 - 接口文档
技术栈
  • 后台管理 - react + vite + ts + hooks + windicss (基于 Acro Design Pro 搭建)
  • 客户端 - vue3 + vite + ts + windicss
  • 服务端 - nest + typeorm + mysql + ts + docker
学习地址
  • 新的开源计划 - 可视化dataV
感谢

如果觉得你对你有帮助,给个star吧~ 谢谢

react 后台管理
  • 后台 react 项目中基于 table modal upload markdown 编辑器 做了简单的二次封装.
  • 基于 axios+ts 对接口进行了二次封装 统一定义 interface
  • 基于 axios 打印了响应结果 请求参数 以及 功能名称 方便小伙伴公司开发环境调试对接
nest 服务端
  • swagger 接口文档
  • 接口错误异常统一处理返回 code msg 前端统一弹出 msg 提示
  • CURD 接口实现
  • 根据角色配置权限 jwt 生成 token
  • 登录注册 加密 等等……

本人服务端nest学习参考的 Nest.js 实战系列

目录结构
  • admin 后台管理
  • client 客户端
  • service 服务端
使用
  1. 下载项目代码。
git clone https://github.com/wmy94827/nest-react-blog.git my-blog
cd my-blog
  1. 服务端项目启动

service项目中 .env.example修改成.env 并修改 账号密码等配置信息 默认开启自动实体

本地创建对应的数据库 然后启动

cd service
yarn install
yarn start:dev
  1. 后台项目启动
cd admin
yarn install
yarn dev
  1. 客户端项目启动
cd client
yarn install
yarn dev
注意事项

1.需要先启动service项目为后台和客户端项目提供服务

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/941996.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号