我为什么还要造一个前端轮子?

简介: 该文档介绍了一个新的前端框架,创建原因是现有框架多关注技术实现,缺乏具体业务场景的应用。此框架基于vue-element-admin,采用VUE和ElementUI,提供了如账号密码登录、手机短信登录、注册、找回密码等实际业务功能模块。还包括图形验证码、机构选择等组件,支持子模块集成。附有截图预览,并提供了演示地址:[VUE前端开发框架演示](http://vue-template.dayuan.link/),用户可以体验完整功能,后端接口可替换。

一、原因

现在市面上有很多为前端开发的框架、模板。为什么我们还要再做一个呢,究其原因,因为这些框架和模板更多的基于技术层面提供了快捷方便的实现方法;但却缺少具体业务层面的实现。因此,结合自身需求,将各种系统常用的功能和页面进行归纳总结,实现了一套更贴近实际业务的前端框架,框架中提供了一系列实际的业务功能模块,用户可直接使用,甚至无需做任何更改。

二、使用技术

框架基于vue-element-admin框架二次开发而成,使用了VUE和ElementUI实现。

三、常用功能

根据常用程度,框架归纳实现了常用的功能模块,具体包括如下内容:

【账号密码登录】
【手机短信登录】
【注册】
【找回密码】
【修改密码】
【设置头像】
【绑定手机号】
【绑定电子邮箱】
【绑定微信账户】
【登录日志】
【系统日志】

除此之外,框架中还提供了更多的扩展能力,让用户在实现业务需求时更方便。

【图形验证码组件】
【机构选择组件】
【用户选择组件】
【产品选择组件】
【子模块集成模式】

四、截图预览

五、演示地址

【VUE前端开发框架演示】

  项目演示既包含前端的页面布局,也包含后台接口逻辑,用户能够体验到完整真实的效果。本项目的后端接口逻辑全部调用的大圆Admin产品的接口服务,用户也可根据需要自行替换。

相关文章
|
4月前
|
前端开发
告别屎山!!!WebSocket 的极致封装, 写好代码竟如此简单
告别屎山!!!WebSocket 的极致封装, 写好代码竟如此简单
180 0
|
存储 缓存 前端开发
【微前端】在造一个微前端轮子之前,你需要知道这些~(上)
【微前端】在造一个微前端轮子之前,你需要知道这些~(上)
|
缓存 前端开发 JavaScript
【微前端】在造一个微前端轮子之前,你需要知道这些~(下)
【微前端】在造一个微前端轮子之前,你需要知道这些~(下)
|
存储 缓存 JavaScript
《轮子是怎么跑起来的》从0到1教你开发一款脚手架
现在市面上已经有这么多成熟的脚手架,我们还有必要开发一个脚手架呢?如果我们处在应用的角度,像vue-cli、create-react-app等这些脚手架已经够用了;但是我们在开发的过程中,需要对很多项目模板进行二开,但是往往这样的二开并不是一次;作为一个成熟的程序猿,如果进行大量的重复工作肯定是拒绝的,这个时候就需要自己开发一个脚手架自己用,也可以上传的Github开源给大家一起用。
96 0
《轮子是怎么跑起来的》从0到1教你开发一款脚手架
|
前端开发 JavaScript API
好用,好看的轮子来一波~~
好用,好看的轮子来一波~~
好用,好看的轮子来一波~~
|
测试技术
为什么会面试造火箭?
不喜欢中庸的评判
99 0
|
JavaScript 测试技术 开发者
造一个 supertest 轮子
supertest 是一个短小精悍的接口测试工具,比如一个登录接口的测试用例如下:整个用例感观上非常简洁易懂。这个库挺小的,设计也不错,还是 TJ Holowaychuk 写的!今天就带大家一起实现一个 supertest 的轮子吧,做一个测试框架!
造一个 supertest 轮子
|
缓存 JavaScript 前端开发
造一个 redux 轮子(下)
Redux 应该是很多前端新手的噩梦。还记得我刚接触 Redux 的时候也是刚从 Vue 转过来的时候,觉得Redux 概念非常多,想写一个 Hello World 都难。文档也是很难看懂,并不是看不懂英文,而是看的时候总会想:TMD在说泥🐴呢。看得出文档想手把手把新手教好,结果却是适得而反,啰嗦的排版和系统性地阐述让新手越来越蒙逼。文档还有一步令人窒息的操作:把 redux、react-redux、redux-toolkit 三个库放在一起来讲。靠,你的标题叫 redux 文档啊,就讲 Redux 不就行了嘛?搞得新手总会觉得 Redux 就是像 Vuex 一样为 React 量身订做的。
造一个 redux 轮子(下)
|
JavaScript 前端开发 API
造一个 redux 轮子(上)
Redux 应该是很多前端新手的噩梦。还记得我刚接触 Redux 的时候也是刚从 Vue 转过来的时候,觉得Redux 概念非常多,想写一个 Hello World 都难。文档也是很难看懂,并不是看不懂英文,而是看的时候总会想:TMD在说泥🐴呢。看得出文档想手把手把新手教好,结果却是适得而反,啰嗦的排版和系统性地阐述让新手越来越蒙逼。文档还有一步令人窒息的操作:把 redux、react-redux、redux-toolkit 三个库放在一起来讲。靠,你的标题叫 redux 文档啊,就讲 Redux 不就行了嘛?搞得新手总会觉得 Redux 就是像 Vuex 一样为 React 量身订做的。
造一个 redux 轮子(上)
|
设计模式 JSON 缓存
「造个轮子」——cicada 源码分析(下)
本文就目前的 v1.0.1 版本来一起分析分析。