Vue-Element-Faster 基于最新版vue.js 3.x与element-plus2.x实现的一套前台展示系统.后台管理系统模板,自带权限管理模块. API接口基于SpringBoot2.6.*, 技术栈包含SpringSecurity.Mybatis.Mysql5.7.Redis.RabbitMq.Swagger3.0+Knife4j.JWT等. 基于企业级实践总结,项目代码都是日常一行行敲出来的,请支持关注.目前该模板已用于日常小项目实践中. 功能列表 登录 登出 修改密码 主题

在系统处理中,有时候需要发送邮件通知用户,如新增用户的邮件确认,密码找回,以及常规订阅消息.通知等内容处理,都可以通过邮件的方式进行处理.本篇随笔介绍结合VUE+Element 前端,实现系统的邮件参数配置管理,以及基于邮件模板的方式进行邮件的发送. 1.邮件参数的配置管理 邮件参数一般需要配置如用户名.密码.邮件地址,显示名称,以及其他邮件所需的必要配置,一般我们可以通过界面管理的方式进行常规的参数配置,如下界面所示. 其中的登录密码,现在一般是授权登录密码,而不是原始的账号密码了.以163为

Vue3 + Element ui  后台管理系统 概述:这是一个用vue3.0和element搭建的后台管理系统界面. 项目git地址: https://github.com/whiskyma/vue3-elementui 技术栈: vue3.0:渐进式JavaScript框架,易用.灵活.高效,似乎任何规模的应用都适用. element ui:基于vue2.0的ui组件库.(本项目中此组件按需加载,减少打包体积大小). vue-router:一般单页面应用spa都要用到的前端路由. vuex

在前面随笔<循序渐进VUE+Element 前端应用开发(3)--- 动态菜单和路由的关联处理>中介绍了在Vue + Element整合框架中,实现了动态菜单和动态路由的处理,从而可以根据用户角色对应的菜单实现本地路由的过滤和绑定,菜单顺利弄好了,就需要进一步开发页面功能了,本篇随笔介绍一个案例,通过获取后端数据后,进行产品信息页面的处理. 1.后端数据的获取处理 前面随笔,我们介绍过了Vue + Element的前端框架中,主要通过后端获取数据,并呈现在界面视图或者组件上的. 前后端的边界则

在我们一般开发的系统界面里面,列表页面是一个非常重要的综合展示界面,包括有条件查询.列表展示和分页处理,以及对每项列表内容可能进行的转义处理,本篇随笔介绍基于Vue +Element基础上实现表格列表页面的查询,列表展示和字段转义处理. 在前面随笔<循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产品信息页面的处理>介绍了一个对产品列表的卡片式图片分页展示处理,其中涉及到了对于Element 组件分页控件的操作,本篇随笔继续深化这一组件的使用,结合表格展示来处理效果展示

在我们开发BS页面的时候,往往需要了解常规界面组件的使用,小到最普通的单文本输入框.多文本框.下拉列表,以及按钮.图片展示.弹出对话框.表单处理.条码二维码等等,本篇随笔基于普通表格业务的展示录入的场景介绍这些常规Element组件的使用,使得我们对如何利用Element组件有一个大概的认识. 1.列表界面和其他模块展示处理 在前面随笔<循序渐进VUE+Element 前端应用开发(5)--- 表格列表页面的查询,列表展示和字段转义处理>介绍了基于列表展示了相关数据,并在列表界面整合了增删改查

在前面随笔<循序渐进VUE+Element 前端应用开发(12)--- 整合ABP框架的前端登录处理>介绍了一个系统最初接触到的前端登录处理的实现,但往往对整个系统来说,一般会有很多业务对象,而每个业务对象的API接口又有很多,不过简单来说也就是常规的增删改查,以及一些自定义的接口,通用都比较有规律性.而本身我们这个VUE+Element 前端应用就是针对ABP框架的业务对象,因此前端的业务对象接口也是比较统一的,那么可以考虑在前端中对后端API接口调用进行封装,引入ES6的方式进行前端API

前端MVVM 模式有点很多,完全摆脱了意大利面条式的代码. 个人认为,所有MVVM 的框架基础就是一个高性能的JS模板引擎,它极大简化了 DOM 操作, 使页面渲染和业务逻辑彻底分离. 为了理解模板引擎原理(zhaungbi),所以我折腾了一个简化版的模板引擎.可以实现数据绑定,三元表达式, for 循环和 if 判断. 如何实现三元表达式, for 循环和 if 判断,将在下一篇介绍. HTML 模板 下面是我定义好的html 模板字符串. var template = ` <div> &l

Juicer 是一个高效.轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC). 除此之外,它还可以在 Node.js 环境中运行. 用过别的前端模板也有不错的, 比如jsrender等,但比较困扰人的一个问题就是:前端模板的定界符和后端模板冲突,造成很多麻烦,比如很多都喜欢用{{}}或{%%}做定界符. Juicer一个特点就是自定义模板语法边界符,下边是 Juicer 默认的边界符.你可以借此解决 Juicer 模板语法同某些后

前端MVVM 模式有点很多,完全摆脱了意大利面条式的代码.个人认为,所有MVVM 的框架基础就是一个高性能的JS模板引擎,它极大简化了 DOM 操作, 使页面渲染和业务逻辑彻底分离.为了理解模板引擎原理(zhaungbi),所以我折腾了一个简化版的模板引擎.可以实现数据绑定,三元表达式, for 循环和 if 判断.如何实现三元表达式, for 循环和 if 判断,将在下一篇介绍. HTML 模板 下面是我定义好的html 模板字符串. var template = ` <div> <s

写前端页面肯定离不开模板渲染,就近期项目中用的两个前端模板做一些使用总结,顺便复习一下,也方便后面温故. 1,artTemplate 优点: 1,一般web端用得较多,执行速度通常是 Mustache 与 tmpl 的 20 多倍,支持运行时调试,可精确定位异常模板所在语句 2,安全,默认对输出进行转义.在沙箱中运行编译后的代码 3,支持include语句,可在浏览器端实现按路径加载模板 4,支持预编译,可将模板转换成为非常精简的 js 文件 编写模板: <tbody class="wor

mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码.源码很少,也就只有六百多行,所以比较容易阅读.做前端的话,还是要多看优秀源码,这个模板引擎的知名度还算挺高,所以其源码也肯定有值得一读的地方. 本人前端小菜,写这篇博文纯属自己记录一下以便做备忘,同时也想分享一下,希望对园友有帮助.若解读中有不当之处,还望指出. 如果没用过这个模板引擎,建议 去 https://github.co

JST(JavaScript Trimpath)前端模板引擎简介及应用 今天在做某系统日志列表的时候用到了这个玩意儿.刚开始只是根据别人的例子照葫芦画瓢完成了日志列表及对应详情,晚上有空了才仔细去网上找了找对应的资料,细细的品味了一下.现在把应用总结下. 1.Trimpath简介 Trimpath JavaScript 是个轻量级的,基于JavaScript的,跨浏览器,采用APL/GPL开放源代码协议的,可以让你轻松进行基于模板编程方式的纯JS引擎.  它有如下的特点:     ①.采用标准的

选择Yii 2.0版本框架的7个理由 http://blog.chedushi.com/archives/8988 刚接触Yii谈一下对Yii框架的看法和感受 http://bbs.csdn.net/topics/390807796 更多内容 百度:yii 前端 http://my.oschina.net/u/1472492/blog/221085 摘要 Yii框架学习笔记(二)将html前端模板整合到框架中 原文地址:http://www.ldsun.com/1309.html 上一节成功将Y

工作中使用前端模板引擎,如 artTemplate.jsRender,来替代拼接字符串. 可是直接把模板写在页面上会带来页面臃肿,模板无法重用,与 ASP.NET等后端语言语法冲突等问题. 所以将多个模板集成到一个静态文件就很有必要,同时还能利用静态文件的缓存特性. 最好还能实现按需加载,不执行渲染的话就不载入模板文件. 虽然有对应的工具可以将模板转为 javascript 代码存在 .js 文件中,但是 js 下的模板代码可读性太差,不考虑. 于是根据以上需求写了一个jQuery 插件 $.l

有意思,搞了这么多年WEB,还是第一次知道这个东西 关键字 前端模板 jquery-tmpl handlebars 项目中用的是handlebars  jqtmpl配置不成功 不做记载 百度吧 小媳妇儿心情不好 不知道最近咋的 估计咱们也快完了

使用jsp.php.asp或者后来的struts等等的朋友,不一定知道什么是模版,但一定很清楚这样的开发方式: <div class="m-carousel"> <div class="m-carousel-wrap" id="bannerContainer"> </div> </div> <ul class="catelist onepx" onepxset="

artTemplate-优秀的前端模板引擎 1.html中引入artTemplate的js文件: <script type="text/javascript" src="./js/jquery-3.3.1.js"></script> <script type="text/javascript" src="./artTemplate/template-native.js"></scrip

Metronic前端模板是我现在公司正在使用的,觉得还是蛮强大,最重要的是只要有Bootstrap的使用经验或者HTML.CSS.JS基础足够好,完全可以玩转它. 当然了,就算不好也没有关系,对于使用影响不是特别大,不过个人觉得,网页三剑客的基础还是要的,同时最好也有其他前端框架的使用经验,方便对比学习,这样也最能提高自我. Metronic是收费的,不过我手里有十二套模板,大家可以免费下载:https://pan.baidu.com/s/1qZlQ3Kd1k6TIktJJ-VVCKw Metr

AdminLTE是一个Bootstrap框架模板,其功能组件并不比我直接提到的Metronic差. 第一次接触过AdminLTE是在学习Jeesite这个开源项目的时候.离现在已经有半年了. AdminLTE也不能说它是完全开源的,还也有要收费的,比如: 你如果想学习AdminLTE,英语水平不是特别好也没有关系,可以参考这个中文文档进行学习:http://adminlte.la998.com/documentation/index.html AdminLTE官网为:https://adminl

写在前面 随着前端领域的发展和社会化分工的需要,继前端攻城湿之后,又一重要岗位横空出世——重构攻城湿!所谓的重构攻城湿,他们的一大特点之一,就是精通CSS配置文件的编写...前端攻城湿跟重构攻城湿是一对好基友,你写逻辑来,我写样式. 好吧,本文并不是介绍重构攻城湿这个职业的,而是通过一个简单的场景来说说: 1. 在用前端模板之前,我们是肿么动态创建节点的 2. 为什么要使用前端模板 一个简单的场景 下面这张图片看着应该很眼熟吧?没错,是从mac QQ的好友列表里面截出来的.作为一名前端攻城湿,相