9.7 KiB
9.7 KiB
⚠项目技术问题集合
https://blog.csdn.net/qq_36977923/article/details/139337084
🎮在线体验
- 项目安装教程:https://www.bilibili.com
- 开发文档:doc.vuecms.cn
- 后台地址:vueCms.cn
⚡ 简介
一个开箱即用,前端基于 vite 2
+ vue 3
+ typeScript
+ element Plus
+ pinia
+ vue-router 4
的PC端项目模板。
后端由nestjs
构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。
🚀 开发
- 安装
#全局安装yarn
npm install yarn -g
#进入项目根目录
yarn install
- 运行
#前端运行项目 默认端口号为8081
yarn dev
#后端运行项目 默认端口号为3000
nest start --watch
- 导入数据库
项目更目录中叫:g_vuecms_xg.sql这个文件
-
修改后端配置文件config.ts文件,下方有详细步骤说明
-
登录项目
超级管理员账号:test
超级管理员密码:gml1098155807
📦️ 环境打包
- 生产环境打包
yarn build
🔧 项目配置
- 后端配置(node_nest/src/utils/config.ts)
#进入node_nest/src/utils/config.ts
//系统基础设置
export const sysBase = {
host:"http://127.0.0.1",
port:3000
}
//jwt配置
export const jwtKey = {
secret: 'vueCms_xg',
expireTime:"10h"
};
//跨域配置
export const corsConfig = {
origin: '*',
optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204
}
//mysql配置
export const mysqlConfig:any = {
type: 'mysql',//数据库类型
host: '你的服务器ip',//ip
port: 3306,//端口号
username: '链接mysql的账号',//账号
password: '链接mysql的密码',//密码
database: 'g_vuecms_xg',//数据库名
synchronize: true,//是否自动将实体类同步到数据库
retryDelay:500,//重试连接数据库间隙
retryAttempts:10,//重试连接数据库的次数
// entities: [__dirname+"/**/*.entity{.ts,.js}"],//实体文件
autoLoadEntities:true,//如果为true,将自动加载实体 forFeature()方法注册的每个实体都将自动添加到配置对象的实体
cache:false,//要启用缓存
logging:true,//开启日志
}
//redis配置
export const redisConfig = {
port: 6379,
host: '你的服务器ip',
password: '你的redis链接密码',
db: 0
}
export const uploadImgConfig = {
imgBaseUrl:"./public/uploads/img",//图片上传路径
artContentImgBaseUrl:"./public/uploads/artContentImg",//文章图片上传路径
}
📚 目录
└─ vue3_vite //前端
│─ src
│─ App.vue // 根容器
│─ main.ts // 前端入口文件
├─ assets // 静态资源
├─ components // 组件
├─ network //项目api接口
├─ plugins //项目第三方插件
├─ router //路由
├─ store //状态管理器
├─ router // 路由
├─ utils // 工具库
├──directive //自定义指令 权限
│ config.ts //项目配置文件
│ storage.ts // 本地缓存
│ systemRules.ts // 系统规则
│ utils.ts // 公共工具函数
└─ test.js // 校验函数集合
├─ views // 视图
│
└─ v1 // 版本v1
├─ article // 文章管理
├─ common // 公共页面 .
├─ home // 首页 .
├─ layout // 公共页面模板
├─ login // 登陆
├─ pic // 图片管理
├─ system // 系统管理 .
├─ user // 用户管理 .
└─ redirect.vue // 重定向 .
├─ types // ts类型定义
├─ vite // vite项目配置
├─ .env.xxx // 各环境的配置文件
├─ vite.config.ts // 项目配置
├─ tsconfig.json // ts配置
└─ index.html // 入口文件
└─ node_nest //后端
│─ src
├─ common // 公共
├─ apiErr //api错误类
├─ enum //项目枚举
├─ filters //过滤器
├─ interceptor //拦截器
├─ middleware //中间件
├─ redis //redis缓存类
└─ validation // 管道校验
├─ logs // 日志
├─ accessRecords //访问本地记录
└─ operationBehavior //操作本地记录
├─ modules // 功能模块
├─ art //文章
├─ artColumn //文章栏目
├─ artSort //文章分类
└─ ...
├─ tasks // 定时任务
├─ tasks.module.ts //
└─ tasks.service.ts //
├─ utils // 工具库
│ config.ts //项目配置文件
└─ utils.ts // 公共工具函数
├─ app.controller.ts // 全局控制层
├─ app.module.ts // 全局模块
├─ app.service.ts // 全局服务层
└─ main.ts // 项目入口
└─ tsconfig.json // ts配置
🔨项目功能
- 登录
- 文章管理
- 文章列表
- 文章栏目
- 文章分类
- 用户管理
- 用户列表
- 角色列表
- 图片管理
- 图片分类
- 图片列表
- 系统监控
- 缓存监控
- 在线用户
- 监控服务器
- 系统管理
- 系统设置
- 字典列表
- 菜单列表
- 系统文档-(接口文档)
- 通知管理
- 消息通知
- 通知公告
- 日志管理
- 错误日志
- 登录日志
- 操作日志
💻系统截图
⚠温馨提醒
- 本项目仅适用于学习交流,并且
不提供无偿的
、不提供无偿的
、不提供无偿的
维护修改服务(但可提issue)*** - 本项目不在任何平台出售,如有发现请积极举报
- 为了更好的体验,友情提示此项目是一个全栈项目,熟练掌握后你就比较牛掰了,认真刻苦的掌握它,累觉不爱ღ( ´・ᴗ・` )比心
- 不要只是白嫖 ,如果帮到你了麻烦点个Star
- 发现有问题?欢迎加入下方交流群一起探讨,或者直接提Issues
✨ 分享是一种美德,右上随手点个 🌟 Star
📃 个人主页:沉默小管 🔥 技术交流QQ群:837051545
👍 点赞,你的认可是我创作的动力!
✏ 评论,你的意见是我进步的财富!
如果有不懂可以留言,我看到了应该会回复 如有错误,请多多指教