smpe admin web

SMPE-ADMIN-WEB

SMPE-ADMIN通用框架前端

專案簡介

一個基於EL-ADMIN、Spring Boot 2.1.0 、 Mybatis Plus、JWT + Spring Security、Redis、Vue的前後端分離的後台管理系統

官方文檔

專案原始碼

	後端源碼	前端原始碼
GitHub	https://github.com/sanyueruanjian/smpe-admin	https://github.com/sanyueruanjian/smpe-admin-web

專案結構

|-- public 存放静态资源，存放在该文件夹的东西不会被打包影响，而是会原封不动的输出到dist文件夹中
    |-- favicon.ico 网站图标
    |-- index.html 主页，项目入口
|-- src
    |-- api  后端请求接口文件
    |- assets  静态资源
    |-- components  公用组件
    |-- layout  系统布局：头部、侧边栏、设置、中间内容页面
    |-- mixins  混入文件
    |-- router  路由配置
    |-- store  vuex存放数据
    |-- utils  工具包
    |-- views  页面
    |-- app.vue  根组件
|-- main.js  入口文件
|-- settings.js  全局配置文件，存储一些键和值，供全局调用
|-- .gitignore  git忽略上传的文件格式
|-- .env.development  开发环境下的接口地址配置
|-- .env.production 生产环境下的接口地址配置
|-- .eslintignore  不用校验的文件
|-- .eslintrc.js  ES-lint校验(编码规范、校验规则)
|-- vue.config.js  cli配置文件

使用指南

用戶帳號密碼

• 管理員： admin

• 測試用戶： test

• 密碼： 123456

運行：

# 配置镜像加速
https://www.ydyno.com/archives/1219.html

# 安装依赖
npm install

# 启动服务 localhost:8013
npm run dev

# 构建生产环境
npm run build

技術堆疊

• Vue

• vue-router

• vuex

• axios

• element ui

伺服器部署

參考：

1. docker安裝及docker常用指令

2. docker 建置git+maven+jdk8的centos7環境，實現輕量級的springboot專案的自動化部署

3. docker安裝nginx規範所有專案的反向代理(一個專案一個反向代理程式的conf設定檔)

4. docker 建置centos7+git+nvm映像，實作自主切換node版本統一部署前端vue項目

鳴謝

• 感謝EL-ADMIN 開源框架

• 感謝@shiwei-Ren、@jiaoqianjin、@Nancy參與初版的開發維護

• 感謝每一位為SMPE-ADMIN 做出貢獻的開發者

回饋交流

QQ交流群：571506692