All Projects → WeBankFinTech → Fes.js

WeBankFinTech / Fes.js

Licence: mit
Fes.js 是一套优秀的中后台前端解决方案。提供初始项目、开发调试、Mock接口、编译打包的命令行工具。内置布局、权限、数据字典、状态管理、存储、Api等多个模块。以约定、配置化、组件化的设计思想,让用户仅仅关心用组件搭建页面内容。基于Vue.js,上手简单。经过多个项目中打磨,趋于稳定。

Projects that are alternatives of or similar to Fes.js

Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-64.08%)
Mutual labels:  mock, admin
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+2138.69%)
Mutual labels:  mock, admin
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+331.26%)
Mutual labels:  mock, admin
Antd Admin
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
Stars: ✭ 8,678 (+1398.79%)
Mutual labels:  mock, admin
Uiengine
Workbench for UI-driven development
Stars: ✭ 349 (-39.72%)
Mutual labels:  ui-design, frontend
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+1794.3%)
Mutual labels:  mock, admin
vue-admin-work
🎉🎉🚀🚀🚀🚀vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉
Stars: ✭ 74 (-87.22%)
Mutual labels:  mock, admin
Bttn.css
Awesome buttons for awesome projects!
Stars: ✭ 2,004 (+246.11%)
Mutual labels:  ui-design, frontend
Dva Admin
dva admin antd dashboard
Stars: ✭ 278 (-51.99%)
Mutual labels:  mock, admin
vue-antdesign-admin-template
Ant Design Pro Vue Template
Stars: ✭ 127 (-78.07%)
Mutual labels:  mock, admin
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+16.23%)
Mutual labels:  mock, admin
Mimic
Seamless client side mocking
Stars: ✭ 380 (-34.37%)
Mutual labels:  mock, frontend
Ant Design Vue
🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜
Stars: ✭ 15,749 (+2620.03%)
Mutual labels:  ui-design, frontend
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+1801.9%)
Mutual labels:  mock, admin
Viewui
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 2,487 (+329.53%)
Mutual labels:  ui-design, frontend
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+12515.54%)
Mutual labels:  mock, admin
Iview
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 23,930 (+4032.99%)
Mutual labels:  ui-design, frontend
Base
React-UI-Kit - frontend library with ReactJS components
Stars: ✭ 18 (-96.89%)
Mutual labels:  ui-design, frontend
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (-86.36%)
Mutual labels:  mock, admin
Fakerest
Patch fetch/XMLHttpRequest to fake a REST API server in the browser, based on JSON data.
Stars: ✭ 350 (-39.55%)
Mutual labels:  mock, frontend

fes.js

一套优秀的中后台前端解决方案

GitHub issues MIT PRs Welcome

前言

不管什么项目可能需要一个或者更多的管理台,管理台应用的内容一般是权限管理、增删改查、报表等业务逻辑相对固定的。但是大量的增删改查和接口联调非常耗费开发者时间,而且现在对管理台前端有了更高的要求,希望前端应用有美观而且统一的UI和一致的交互体验。
Fes.js支撑从开发、联调、部署整个前端应用研发流程,提供模板项目、cli命令行工具、丰富的PC端组件和一系列API,提效中后台开发,让开发只关注如何用组件搭建出页面。

简介

Fes.js是一整套管理台前端应用解决方案,包含Fes-Cli、Fes-Core、Fes-UI三部分。

  • Fes-Cli是命令行工具,一行命令创建工程、开启开发调试、打包发布。
  • Fes-Core是运行时框架,固定页面布局,提供权限管理、储存管理、路由管理、接口管理、状态管理、数据字典管理、环境管理等API。以插件的方式提供扩展接口。
  • Fes-UI是组件库,包含30+的PC端组件库,可以快速搭建出增删改查等页面

特性

  • 国际化,语言可配置,通过API切换
  • 自动生成路由,目录即路由
  • 智能路由匹配,比你更懂想去哪
  • 动态权限,不同权限对应不同菜单
  • Mock 数据,本地数据调试
  • 固定布局,只需关心页面内容
  • 数据字典,简单定义,随处翻译
  • 单元测试,为质量保障护航

页面举例

home.png form.png list.png listAndFrom.png listAndImg.png fu.png

使用

  1. 安装fes.js
# install
npm install @webank/fes-cli -g
  1. 初始化项目
# create a project
fes init [project]
  1. 安装依赖
cd [project] 
npm i
  1. 启动本地服务
# start dev
npm run dev
  1. 打包编译
# build
npm run build
  1. 单元测试
# build
npm run test

社区联络微信群

fes.js社区群

如果群满了,请联系:
fes.js助手

Contributing

Pull requests and stars are always welcome.

For bugs and feature requests, please create an issue.

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D
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].