小编点评

**原因：** * **技术层面快捷方便：**框架和模板提供快速实现方法，简化开发过程。 * **缺乏实际业务层面的实现：**这些框架和模板侧重于技术细节，缺乏与业务需求相关的具体实现。 * **需求定制：**结合自身需求，可以组合和定制框架中的功能模块，实现个性化的前端页面。 **技术框架：** * Vue-element-admin：基于 Vue 和 ElementUI 的框架，提供快速构建和管理前端页面所需的功能。 **常用功能：** * **账号密码登录** * **手机短信登录** * **注册** * **找回密码** * **修改密码** * **设置头像** * **绑定手机号** * **绑定电子邮箱** * **绑定微信账户** * **登录日志** * **系统日志** **展示：** * **截图预览：**包含前端页面布局和后台接口逻辑的演示。 * **代码（Github）：**提供完整项目的代码，供参考。 **结论：** 前端开发框架提供了技术层面的快捷方便，但缺少实际业务需求的具体实现。结合自身需求，可以创建更贴近实际业务的前端框架，简化开发流程，提升代码可维护性。

正文

一、原因

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

二、使用技术

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

三、常用功能

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

【账号密码登录】

【手机短信登录】

【注册】

【找回密码】

【修改密码】

【设置头像】

【绑定手机号】

【绑定电子邮箱】

【绑定微信账户】

【登录日志】

【系统日志】

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

【图形验证码组件】

【机构选择组件】

【用户选择组件】

【产品选择组件】

【子模块集成模式】

四、截图预览

五、演示地址

【VUE前端开发框架演示】

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

【大圆Admin产品演示】

六、源码

【Github源码】