easy-wheel / Ts Vue
基于typescript+vue-cli3+elementui搭建的壳子
Stars: ✭ 199
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Ts Vue
Frostmourne
frostmourne是基于Elasticsearch, InfluxDB数据,Mysql数据的监控,报警,分析系统. Monitor & alert & alarm & analyze for Elasticsearch && InfluxDB Log Data。主要使用springboot2 + vue-element-admin。 https://frostmourne-demo.github.io/
Stars: ✭ 166 (-16.58%)
Mutual labels: element-ui
Onlinejudgefe
A multiple pages app built for OnlineJudge
Stars: ✭ 175 (-12.06%)
Mutual labels: element-ui
Vue.netcore
.NetCore+Vue2/Vue3+Element plus,前后端分离,不一样的快速开发框架;提供Vue2、Vue3版本,。http://www.volcore.xyz/
Stars: ✭ 2,338 (+1074.87%)
Mutual labels: element-ui
Vue Electron
vue-blog client,base on vue-electron,axios, vuex, vue-router.
Stars: ✭ 193 (-3.02%)
Mutual labels: element-ui
El Form Renderer
🎩A data-driven dynamic and complex form solution
Stars: ✭ 163 (-18.09%)
Mutual labels: element-ui
Yuqing Monitor Electron
Electron+Node+Socket.io+Vue+ElementUI+Highcharts开发的PC端舆情监控客户端,支持windows、mac、Linux多平台
Stars: ✭ 157 (-21.11%)
Mutual labels: element-ui
Django Vue Admin
基于RBAC模型权限控制的中小型应用的基础开发平台,前后端分离,后端采用django+django-rest-framework,前端采用vue+ElementUI,移动端采用uniapp+uView(可发布h5和小程序).
Stars: ✭ 157 (-21.11%)
Mutual labels: element-ui
Ruoyi
基于开源项目RuoYi-Vue,扩展开发添加新业务功能。基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 174 (-12.56%)
Mutual labels: element-ui
Fantastic Admin
一款开箱即用的 Vue 中后台管理系统框架,基于ElementUI,兼容PC、移动端,vue-admin, vue-element-admin, vue后台
Stars: ✭ 153 (-23.12%)
Mutual labels: element-ui
Element Patch
An extension package based on vue and element-ui. 一个基于 vue 与 element-ui 的扩展包,提供数据驱动的表单渲染,菜单渲染,表格拖拽,权限控制等功能
Stars: ✭ 187 (-6.03%)
Mutual labels: element-ui
Vue Admin Manager
整合 vue,element,echarts,video,bootstrap(AdminLTE),admin等,搭建的后台管理系统
Stars: ✭ 153 (-23.12%)
Mutual labels: element-ui
Vue Element Ui Scaffold Webpack4
vue下基于webpack4构建的多页面、多环境方案脚手架项目(使用了element-ui,可替换为其他)
Stars: ✭ 171 (-14.07%)
Mutual labels: element-ui
Cool Admin Api
cool-admin-api 是基于egg.js、typeorm、jwt等封装的api开发脚手架、快速开发api接口
Stars: ✭ 188 (-5.53%)
Mutual labels: element-ui
Simpleui
A modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球20000+网站都在使用!喜欢可以点个star✨
Stars: ✭ 2,418 (+1115.08%)
Mutual labels: element-ui
ts-vue
总览
ts-vue
是一个中后台前端解决方案,它基于 vue, typescript 和 element-ui实现。
截图
登陆页
主页
功能
- 登录 / 注销
- 权限验证
- 页面权限
- 权限配置
- 多环境发布
- Dev / Stage / Prod
- 全局功能
- 动态换肤
- 动态侧边栏(支持多级路由嵌套)
- Svg 图标
- 全屏
- 设置
- Mock 数据 / Mock 服务器
- 组件
- ECharts 图表
- 表格
- 复杂表格
- 控制台
- 引导页
- 错误页面
- 404
前序准备
你需要在本地安装 node 和 git。本项目技术栈基于 typescript、vue、vuex、vue-router 、vue-cli 、axios 和 element-ui,所有的请求数据都使用faker.js进行模拟,提前了解和学习这些知识会对使用本项目有很大的帮助。
目录结构
|-- ts-vue
|-- .browserslistrc # browserslistrc 配置文件 (用于支持 Autoprefixer)
|-- .env.development # development环境变量配置
|-- .env.production # production环境变量配置
|-- .env.test # test环境变量配置
|-- .eslintrc.js # eslint 配置
|-- .gitignore
|-- babel.config.js # babel-loader 配置
|-- package-lock.json
|-- package.json # package.json 依赖
|-- postcss.config.js # postcss 配置
|-- README.md
|-- tsconfig.json # typescript 配置
|-- vue.config.js # vue-cli 配置
|-- mock # mock 服务器 与 模拟数据
| |-- mock-server.ts
|-- public # 静态资源 (会被直接复制)
| |-- favicon.ico # favicon图标
| |-- index.html # html模板
|-- src
| |-- App.vue # 入口页面
| |-- main.ts # 入口文件 加载组件 初始化等
| |-- peimission.ts # 权限管理
| |-- settings.ts # 设置文件
| |-- shims-tsx.d.ts
| |-- shims-vue.d.ts
| |-- api # 所有请求
| |-- assets # 主题 字体等静态资源 (由 webpack 处理加载)
| |-- components # 全局组件
| |-- filters # 全局过滤函数
| |-- icons # svg 图标
| |-- layout # 全局布局
| |-- router # 路由
| |-- store # 全局 vuex store
| |-- styles # 全局样式
| |-- utils # 全局方法
| |-- views # 所有页面
|-- tests # 测试
如何设置以及启动项目
安装依赖
npm install
启动本地开发环境(自带热启动)
npm run serve
构建生产环境(自带压缩)
npm run build
执行测试
npm run test
lint 检测
npm run lint
单元测试
npm run test:unit
自动生成 svg 组件
npm run svg
自定义 Vue 配置
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].