Skip to content

hjlarry/flask-vue-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A Simple Content Manage System

dashboard

js vueversions viteversions pinia element_plus

dashboard_api

pyversions flaskversions apiflask sqlalchemy

pexels

ts vueversions viteversions tailwind mockjs

特性

  • 最新的前后端依赖版本和构建方式(截至 2022 年 12 月)
  • 国际化支持
  • 基于 RABC 模型的前后端权限控制系统
  • pexels 下是一个纯前端的 ts+vue 项目示例,和其他两个文件夹无关

预览

效果图 效果图 效果图 效果图

使用方式

依次运行以下命令可最快体验到效果:

git clone https://github.com/hjlarry/flask-vue-cms.git
cd flask-vue-cms/dashboard_api
python3 -m venv .venv
# windows下
.venv/Script/active
pip install -r requirements.txt
flask --debug run

http://localhost:5000打开管理系统
http://localhost:5000/docs打开 apiflask 自动生成的 api 文档

前端二次开发方式:

cd flask-vue-cms/dashboard
npm install
npm run dev

开发完成后,可通过npm run build-only生成静态文件,直接复制至 dashboard_api 文件夹中

建议修改配置,使用 mysql 和 redis 等提升性能,当前使用的 sqlite 和 shelve 是为了便于开发

参考

  1. 旧版本项目基于 vue2 和 flask0.12 版本开发,点此查阅
  2. vue-element-admin
  3. 慕课网前端课程