这几年前端框架发展可以说非常迅猛了...实际项目中也用到了几个,easyui相对来讲,算是我第一个接触的前端框架了,用的时候感觉很方便,省了很多代码量,一个好的前端框架可以为你省去很多精力在前端布局上,而更专注于你的后台逻辑设计上,easyui的风格给我的感觉比较正式,很方方正正的,感觉还是挺适合于管理系统等这类的项目的,很规范. 准备: 首先,去网上找资源,官网目前的版本是1.5.4,当然,也可以下载历史版本的包. 东西放好,下一步要进行引用. 在index.jsp里面引用下面四个必须文件 启…

上一篇把前端框架先放上去了,现在开始前后端进行交互,对数据进行显示. 效果如图所示...中间经历了数据显示不上去的问题,是对于spring的注解了解不够,问题及其解决可以参照上一篇问题处理... 目前的数据都是做的假数据,在service层手动写死的数据,所以接下来选择一个数据库进行登录验证和页面数据存储读取等功能吧.…

Spring MVC 项目搭建 -3- 快速 添加 spring security 1.添加 spring-sample-security.xml <!-- 简单的安全检验实现 --> <beans:beans xmlns="http://www.springframework.org/schema/security" xmlns:beans="http://www.springframework.org/schema/beans" xmlns:x…

前言 vuejs学习——vue+vuex+vue-router项目搭建(一) vuejs学习——vue+vuex+vue-router项目搭建(二) 为什么用vuex:组件之间的作用域独立,而组件之间经常又需要传递数据,项目比较小的话传递数据还好,越大的项目,涉及的组件通信就越多.越频繁,此时管理起来就会非常累,而且容易出错,这就是 Vuex 的意义所在.它可以将数据置于单独的一层,并提供给外部操作内部数据的方法.粗俗一点,就这样理解吧.vuex1.0官网 Vuex下载 $ cnpn insta…

品优购商城项目第三阶段 1.springSecurity的基本用法与shiro类似. 2.BCrypt加密算法比MD5更加智能和安全,能自动加盐再加密,生成的密码是60位比md5的32位更占空间(可以忽略不计),由于密码长度增加安全系数更高,且盐不是明文由算法自动生成和解析,用户不需要关心. 3.set的使用,在下面这个引用类中用注解@Resource@Autowired报错,后在类中用set方法成功 <?xml version="1.0" encoding="UTF-…

前言 搭建好前文的开发环境,已经可以进行开发.然而实际的项目中,不同环境有着不同的构建需求.这里就将开发环境和生产环境的配置单独提取出来,并做一些简单的优化. 分离不同环境公有配置 不同环境虽然有不同的构建需求,但依然有相同的部分,这里将共同部分提取出来,单独配置,其他环境再合并共有配置即可.安装webpack-merge(用于合并配置).uglifyjs-webpack-plugin(js代码压缩,这里单独提取出来控制版本)和rimraf(跨平台删除工具). npm install webpa…

1.创建数据库springmvc及表items,且插入一些数据 DROP TABLE IF EXISTS `items`; CREATE TABLE `items` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(32) NOT NULL COMMENT '商品名称', `price` float(10,1) NOT NULL COMMENT '商品定价', `detail` text COMMENT '商品描述', `pic` va…

程序启动时如果需要添加某些初始化代码可以使用以下事件处理 import org.springframework.context.ApplicationEvent; import org.springframework.context.ApplicationListener; import org.springframework.stereotype.Component; /** * 程序初始化事件 */ @Component public class ApplicationEventListen…

上一篇虽然完成了页面的显示,但是是假数据,本篇添加了postgresql的数据库,将登陆的校验和数据的显示都通过数据库来完成. 我是在本地搭建了一个postgre的数据库,就先新建两张表吧,一个用于用户信息的存储,一个用于页面列表的数据存储. 校验过程还是通过spring的security来完成. 同样的,代码上传至云盘…

配置ServiceCollection /// <summary> /// 表示IServiceCollection的扩展 /// </summary> public static class ServiceCollectionExtensions { /// <summary> /// 向应用程序添加服务并配置服务提供者 /// </summary> /// <param name="services">Collection…