- 博客(87)
- 收藏
- 关注
RSS订阅原创 使用vue-cli来搭建SPA项目
使用vue-cli来搭建SPA项目0. 前提：搭建好NodeJS环境1. 什么是vue-cli?2. 安装vue-cli3. 使用脚手架vue-cli(2.X版)来构建项目0. 前提：搭建好NodeJS环境上一章已经搭建好了。 node -v npm -v1. 什么是vue-cli?vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 注1：xxx 为自己创建项目的名称注2：必须先
2020-08-19 10:18:16
184
1
原创 传统html、Vue、element开发
传统html、Vue、element开发一. ElementUI简介二. Vue+ElementUI安装2.1 CDN方式案例代码效果图一. ElementUI简介我们学习VUE,知道它的核心思想是组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iv
2020-08-18 16:44:29
403
原创 nodeJS的环境搭建以及nodeJS和npm简介
nodeJS的环境搭建1. Node.js是什么？2. npm是什么？3. Node.js环境搭建3.1 下载3.2 解压3.3 配置环境变量3.4 配置npm全局模块路径和cache默认安装位置3.5 修改npm镜像提高下载速度(可以使用 cnpm 或 直接设置 --registry ，推荐设置 --registry)3.5.1 --registry（推荐）3.5.2 cnpm3.6 验证安装结果3.6.1 版本验证(同步骤3.3，注2)3.6.2 查看淘宝镜像设置情况3.6.3 查看npm全局路径设置情
2020-08-18 15:50:04
249
原创 Vue路由（SPA简介）以及演示
Vue路由一. SPA是什么单页面应用程序：传统多页面应用程序：优势二. SPA实现思路和技术点三. 通过vue的路由可实现多视图的单页Web应用(基于html的SPA)3.0 引入依赖库3.1 创建自定义组件，例如：Home和Abort组件3.2 定义路由(即路线)3.3 创建路由器实例,然后传 `routes` 配置3.4 创建和挂载根实例。3.5 前面使用RouterLink和RouterView组件导航和显示四. router-link相关属性4.1 to4.2 replace4.3 append4
2020-08-14 16:15:32
689
原创 Vue基础语法（样式绑定、事件处理器、vue表单、自定义指令）
Vue基础语法（二）一. 样式绑定1.1 class绑定1.2 style绑定二 、事件处理器2.1 事件修饰符2.2 按键修饰符三. vue表单3.1 常用控件3.2 修饰符四. 自定义指令5. vue组件5.1 组件简介5.2 全局和局部组件5.3 props6. 自定义事件监听事件：$on(eventName)触发事件：$emit(eventName)一. 样式绑定1.1 class绑定 使用方式：v-bind:class="expression" expression的类型：字符串、数
2020-08-14 11:46:15
145
原创 Vue基础语法之模板语法（插值、指令）、过滤器、计算属性、监听属性
Vue基础语法（一）一. 模板语法1.1 插值1.1.1 文本 {{msg}}1.1.2 html1.1.3 属性1.1.4 表达式1.2 指令（指的是带有“v-”前缀的特殊属性）1.2.1 核心指令1.2.2 参数1.2.3 动态参数1.2.4 修饰符1.2.5 简写二. 过滤器2.1 全局过滤器2.2 局部过滤器三. 计算属性四. 监听属性五、小结：计算属性和监听属性的区别一. 模板语法1.1 插值1.1.1 文本 {{msg}}1.1.2 html 使用v-html指令用于输出ht
2020-08-14 11:23:36
163
原创 Vue入门之核心指令（v-model，v-on）
Vue入门一. Vue.js是什么？二. 库和框架的区别2.1 库(Library)2.2 框架(Framework)三. MVVM的介绍双向绑定实例：四. 双向数据绑定(Vue two way data binding)五. 安装Vue六. 实例生命周期钩子(了解即可)一. Vue.js是什么？Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网：https://cn.vuejs.org/Vue作者：尤雨溪/中国无锡二. 库和框架的区别2.1 库(Library)本质上是
2020-08-14 09:55:56
486
原创 hibernate中的二级缓存
hibernate中的二级缓存1. 为什么需要缓存2. 什么样的数据需要缓存3. ehcache是什么4. ehcache的特点4.1 够快4.2 够简单4.3 够袖珍4.4 够轻量4.5 好扩展4.6 监听器4.7 分布式缓存5.ehcache的使用5.1 导入相关依赖5.2 核心接口5.3 ehcache.xml配置文件6. hibernate缓存4.1 一级缓存 session4.2 二级缓存SessionFactory（可拔插式）7. hibernate(5.2.12.Final)中使用二级缓存步骤
2020-08-05 10:19:53
90
原创 hibernate中的hql简介区别以及使用和原生SQL
hibernate之hql一、hql1. 什么是hql2. hql和sql区别/异同3. 处理返回的结果集3.0 查询返回List3.1 单个对象3.2 Object[]3.3 Map3.4 new 构造方法(attr1,attr2)4. hql中使用占位符4.1 ?占位符4.2 :命名参数5. 连接查询6. 聚合函数7. hql分页二、原生SQL1. BaseDAO（hql）2. 原生sqlhql实现不了的功能，可以考虑使用原生sql2.1 返回所有列List一、hql1. 什么是hqlHQL是Hib
2020-07-31 09:36:38
515
原创 hibernate中的关联之多对多
hibernate中的关联之多对多一、数据库的多对多1.1 数据库中不能直接映射多对多二、 hibernate的多对多2.1 hibernate可以直接映射多对多关联关系(看作两个一对多)三、多对多关系注意事项3.1 一定要定义一个主控方3.2 多对多删除3.2.1 主控方直接删除3.2.2 被控方先通过主控方解除多对多关系，再删除被控方3.2.3 禁用级联删除3.3 关联关系编辑，不需要直接操作桥接表，hibernate的主控方会自动维护示例1：新增一本书及书本类型示例2：新增一本书及已有的书本类型示例3
2020-07-30 11:24:51
93
原创 hibernate中的关联之一对多
hibernate中的关联之一对多一、关联关系(association)1.1 关联的含义1.2 关联的分类二、如何建立客户和订单一对多双向关联2.1 先不建立客户和订单的关联关系,定义实体及映射文件,单独执行保存操作2.2 建立客户到订单的一对多关联关系2.3 建立订单到客户的多对一关联关系2.4 注意:在Hibernate当中定义实体对象的集合属性时,只能使用接口而不能使用类3. 以客户和订单的一对多双向关联为例,讲解Set元素中的cascade|inverse|outter-join|lazy属性作用
2020-07-30 11:12:45
190
原创 hibernate中的对象三种状态、一级缓存、快照以及加载策略
hibernate加载策略一、 对象的三种状态（hibernate管理的对象）1.1 临时状态1.2 持久状态1.3 游离状态二、一级缓存、快照（面试题）2.1 一级缓存2.2 快照三、加载策略3.1 立即加载3.2 延迟加载一、 对象的三种状态（hibernate管理的对象）1.1 临时状态1.2 持久状态1.3 游离状态二、一级缓存、快照（面试题）2.1 一级缓存Hibernate的一级缓存就是指session缓存。它是一块内存空间，用来存放相互管理的Java对象。在使用Hibernat
2020-07-26 11:27:09
128
原创 struts2之ognl简介、ValueStack、ActionContext、以及struts中的数据传递
struts2之ognl一、OGNL1.1 什么是OGNL？1.2 OGNL上下文二、ValueStack2.1 什么是值栈？2.2 值栈的存储位置2.3 在Action中值栈对象存取值2.4 为什么要使用ValueStack作为根对象三、ActionContext3.1 ActionContext ac=ActionContext.getContext();3.2 向ValueStack压栈3.2.1 为什么ModelDriven返回实体和Action中属性重名，ModelDriven中优先级更高？四、S
2020-07-24 10:24:18
209
原创 hibernate入门之简介、如何在项目中添加hibernate以及测试结果
hibernate入门什么是hibernate？什么是hibernate？它是ORM框架/持久层框架。ORM（Object Relational Mapping）：对象关系映射。作用：对象与关系型数据库之间的映射管理框架。优势：跨数据库的无缝移植（SqlServer、Oracle、MySql）。...
2020-07-24 10:08:31
490
1
原创 struts入门编写简单配置以及测试最终效果
struts入门编写简单配置一、引入jar包二、配置web.xml文件三、配置struts-hello.xml四、在struts.xml中添加struts-hello.xml文件五、编写java代码六、最终效果，因为设置了在控制台输出一、引入jar包需要什么jar包就可以自己去中央产库的源位置里找，里面会有一串代码，直接复制过来（pom.xml），格式如下图：源位置：https://mvnrepository.com/二、配置web.xml文件web.xml文件是启动项目是加载的第一个文件&l
2020-07-18 11:43:09
138
原创 创建maven项目后的错误解决
创建maven项目后的错误解决前言在创建完maven项目后会有几个地方报错，如下图：解决的办法但是现在没有把它改成3.0，只改成了1.8，所有需要再次打开属性这个表示servlet找不到，没有被加载进来如果后期需要下载什么jar包，直接去那网站中搜配置文件，将配置文件放到pom.xml中会自动下载配置插件这样就解决了总结：没配置好的话，或者出现网络不好问题则会炸库前言在创建完maven项目后会有几个地方报错，如下图：解决的办法右击项目打开属性或者用快捷键，将鼠标选择项目名 Alt+Enter 打开
2020-07-17 11:30:09
342
原创 maven之环境搭建、创建项目
maven环境配置以及项目搭建一、Maven简单介绍二、什么是自动构建工具2.1 `*.java->*.class->run`2.2 如何创建一个struts2的WEB项目三、常用的自动构建工具3.1 ant3.2 maven3.3 Gradle android项目管理和构建已使用四、maven安装与配置4.1 下载maven安装包，解压即可使用（3.6.0）4.2 配置maven环境变量4.2.1 M2_HOME4.2.2 MAVEN_HOME4.2.3 修改path添加maven相关路径4.
2020-07-17 10:37:25
161
原创 购物车功能（一）
购物车功能（一）一、门户书籍搜索后台功能实现二、加入购物车前端页面需要准备购物车的字段（实体类ShopGoodsVo），放在vo包里三、购物车功能实现编码业务逻辑层ShoppingAction写完业务逻辑层就配置xml，这个就不用说了购物车界面一、门户书籍搜索后台功能实现实现界面上的搜索功能，可以根据书名查询，也可以根据类别查询，名字查询已经做过，所以只需要在查询的方法上加一个条件。public List<Book> list(Book book,PageBean pageBean) t
2020-07-11 16:23:05
309
原创 项目之新书上架、热销书籍
项目之新书上架、热销书籍一、本章目标二、用到的SQL三、开始编码在BookDao方法里添加两个方法（news，hots）在BookAction调用这两个方法写完后端开始写前端具备条件写完前端后测试，把主界面有关代码注释一、本章目标用代码实现动态新书上架、热销书籍二、用到的SQL已上架的书籍取前10条数据（根据最新上架时间最新10条）#新书上架select * from t_easyui_book where state=2 order by deploytime desc limit 10
2020-07-11 08:47:28
198
原创 网上书城首页之书籍分类列表
网上书城首页之书籍分类列表本章目标、实现首页书籍分类列表一、开始编写代码1、主界面index.jsp2、单独写一个事件，和后台事件分开index.js代码3、然后在界面后面引用js现在的效果4、样式不出来的原因5、添加点击事件最终效果index.js全代码本章目标、实现首页书籍分类列表用代码实现动态的书籍分类（使用forEach实现），如下图：一、开始编写代码1、主界面index.jsp我们先把主界面的这一串分类列表注释<!--<li class="list-group-item"
2020-07-07 21:03:59
1256
原创 登录权限、增加界面下拉框
登录权限、增加界面下拉框一、登录权限前言1、 根据不同的用户看到不同的菜单1.1需要一个权限中间表RolePermission实体类1.2 RolePermissionDao方法1.3 修改PermissionDao，在原来方法的基础上重载一个方法，方法中的参数不同1.4 修改PermissionAction实现管理树形菜单二、增加界面以及下拉菜单1.修改后台增加界面效果图2.实现分类中的下拉框一、登录权限前言上篇文章我们分析了权限划分，现在来用代码实现。权限划分分析的路径：https://blo
2020-07-07 19:54:39
1380
原创 网上书城权限划分以及登录功能
网上书城分析权限划分以及登录功能前言一、分析权限划分二、编写登录功能用户实体类登录方法Action配置xml测试结果前言本章分享的是登录不同的账号根据不同的权限进入后台看到不同的界面。一、分析权限划分用户表角色权限中间表最终整理出表格二、编写登录功能先边写登录进入后台的功能用户实体类package com.meng.entity;public class User { private long id; private String name; private Strin
2020-07-05 19:33:26
432
原创 EasyUI Accordion折叠面板
EasyUI Accordion折叠面板Accordion介绍效果图依赖于panel用法刷新折叠面板（Accordion Panel）内容新添加面板获取指定的面板（panel）索引容器选择Panel选项事件使用方法Accordion介绍折叠面板（accordion）允许您提供多个面板（panel），同时显示一个或多个面板（panel）。每个面板（panel）都有展开和折叠的内建支持。点击面板（panel）头部可展开或折叠面板（panel）主体。面板（panel）内容可通过 ajax 指定 ‘href’
2020-07-01 16:59:09
824
1
原创 个人项目界面编写
个人项目界面代码编写前言一、首先要准备好工具二、界面都要引入css跟js三、注册界面 register,jsp注册效果图四、登陆 login.jsp登陆效果图五、主界面 main.jsp主界面效果图六、搜索界面 search.jsp搜索页效果图七、购物车 shopping.jsp购物车效果图前言我是先在bootstrap编写（因为bootstrap的样式好看些），然后再移到eclipse里。一、首先要准备好工具准备css文件跟js文件二、界面都要引入css跟js三、注册界面 registe
2020-07-01 16:21:49
204
原创 个人项目需求
个人项目需求前言一、需求分析二、所需要的表三、需要到的工具所需要到了jar包需要的工具类四、根据样本参考前言从这章开始，小编给大家分享一个小项目，在做项目的第一步，则是需要分析需求。一、需求分析二、所需要的表暂时只想到了这些表，共有七张表。三、需要到的工具所需要到了jar包需要的工具类这两个是新添的类，其他的之前都有说过四、根据样本参考用户登录用户注册主界面分类购物车。。。。。。。。根据这些样本来实现，后面章节会揭晓！...
2020-06-29 16:41:19
163
原创 easyui 的datagrid增删改
easyui 的datagrid增删改前言一、自动生成拼音的工具二、Dao方法三、Web层为增删改添加一个辅助类前言接着上一篇的内容继续，上一篇说了查询，这次完成 增删改 的功能，可以通过增删改的功能学习dialog模态框组件 和 form组件一、自动生成拼音的工具在我数据库表的列字段里有个拼音，我们可以通过工具类自动生成，则需要到这个拼音工具类跟jar包看看PinYinUtil.java的代码是怎样的package com.mengyuan.util;import net.sourcef
2020-06-28 22:52:23
192
原创 datagrid布局之后台查询和条件查询
datagrid之查询、删除功能一、easyui布局二、easyui后台查询三、datagrid条件查询一、easyui布局如果要学习datagrid首先要看它的实例，再看它的文档，然后再看下图，它有最简单的方式。变动的地方新建了一个book.js，将文档里的实例代码复制过来，将datagrid_data1.json列字段与js里的列字段相对应，这里只取了三个。$(function(){ $('#dg').datagrid({ url:'datagrid_data1.js
2020-06-27 11:28:18
460
原创 tabs控件
tabs控件前言这个是它的文档找到它的实例，用记事本打开，把需要的复制放到index.jsp里，这些是从实例中复制过来的先运行一遍，实现出来的效果如下图：（只不过现在还是静态的，我们需要的是得到相关的数据）通过标签可以更容易的创建选项卡，我们不需要写任何Javascript代码。只需要给标签添加一个类ID’easyui-tabs’。每个选项卡面板都通过子标签进行创建，用法和panel(面板)相同。所以就把刚复制的代码替换成：显示结果：但这还不是我们想要的结果，那个框太小了，我们
2020-06-25 16:20:17
478
原创 tree前端实现代码以及结果
tree前端实现前言实现tree前端，接着上一篇文章继续，最终实现的效果图如下：导入mvc.jar有些地方需要变动ResponseUtilpackage com.mengyuan.util;import java.io.PrintWriter;import javax.servlet.http.HttpServletResponse;import com.fasterxml.jackson.databind.ObjectMapper;public class Respons
2020-06-25 13:54:30
198
原创 tree后台实现代码以及结果
tree后台实现前言Tree（树）——实现多级别菜单的展示以及与后台数据的交互。接着上一篇实现tree后台。导入jar包引入js、css库路径要对写div用来存放菜单树<body class="easyui-layout"> <div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">xxx管理系统 </div&
2020-06-23 18:30:46
464
原创 easyUI简介、不足之处、学easyUI的好处以及它的特点
easyUI入门前言一、easyUI的简介二、easyUI的不足之处三、学easyUI的好处四、easyUI的特点1.下载easyui版本2.打开软件创建动态web项目3.导入easyui的css文件和JavaScript文件4.引入相对应的js跟css5.主体代码6.结果前言今天分享的是叫easyUI的前端框架，下面我们来看看吧！一、easyUI的简介easyui是一款基于jQuery的前端框架，可以使用其中的组件进行布局以及用来做后台的管理界面。二、easyUI的不足之处现在据了解到有三种U
2020-06-20 22:54:16
3956
原创 总知识点的思维导图、DML（数据管理语言）与视图以及视图更新
DML与视图前言一、总结出的知识点二、DML（数据查询语言）1.简介2.插入数据3.更新数据删除数据一些练习三、视图1.创建视图2.修改视图查询3.删除视图4.查看视图五、视图的更新1.插入2.修改3.删除前言这次分享DML（数据查询语言）跟视图，这两个无非是增删改查，我把知识点整理了出来，然后后面用案例来实现。一、总结出的知识点总结出知识点后，根据上面总结出来的知识点来开始来看看这些SQL语句吧。二、DML（数据查询语言）1.简介2.插入数据字符和日期型整数应包含在单引号中方式一：
2020-06-18 16:20:00
885
1
原创 DQL中的多表查询、常见函数、子查询以及分页查询
DQL（二）一、多表查询1.笛卡尔集2.等值/连接SQL92标准1.等值连接2.为表起了别名3.两个表的顺序是否可以调换4.可以加筛选5.可以加分组6.可以加排序7.可以实现三表连接？2.非等值连接3.自连接join连接join案例SQL99语法等值连接非等值连接自连接外连接二、常见查询三、子查询四、分页查询一、多表查询1.笛卡尔集笛卡尔集会在一下条件下产生着几种情况：– 省略连接条件– 连接条件无效– 所有表中的所有行互相连接• 为了避免笛卡尔集， 可以在 WHERE 加入有 效的连接条件
2020-06-18 15:13:12
720
原创 DQL中的基本查询语句、过滤和排序数据以及分组查询
DQL（一）前言一、基本的select语句1.查询所有列2.查询特定的列3.列的别名4.使用别名5.字符串6.显示表结构二、过滤和排序数据1.过滤2.在查询中过滤行3.where子句4.比较运算模糊查询5.between and6.in7.like8.null9.逻辑运算10.order by 子句排序案例（排序查询）三、分组查询1.概念2.组函数类型分组函数练习3.Group by子句4.非法使用组函数5.过滤分组Having 子句前言SQL语句比较多，需要好好理解。一、基本的select语句1
2020-06-17 16:29:04
340
原创 mysql的账号管理、四大引擎、库与表的管理以及常见约束
mysql的账号管理以及DDL语言一、数据库账号管理1.数据库账号管理的作用2.创建账号以及更改密码二、四大引擎三、库和表的管理1.库的管理2.表的管理四、常见约束一、数据库账号管理1.数据库账号管理的作用企业里常见的几种管理2.创建账号以及更改密码将所有的权限赋值给本地叫‘’张三‘’的用户设置密码为‘’张三123‘’CRANT ALL PRIVILEGES ON *.* TO 'zhangsan'@"%" IDENTIFIED BY 'zhangsan123' WITHGRANTOPTION
2020-06-15 01:53:16
173
原创 mysql介绍以及安装和使用
文章目录前言一、介绍1.为什么要用mysql？2.什么是mysql？3.在哪里使用？4.它的术语5.产品的特点6.启动停止服务7.数据库的初步使用8.删除mysql二、安装mysql步骤三、安装客户端工具四、如何用mysql？1.开启服务2.创建连接3. 连接数据库流程安装中文版的mysql前言数据库都大同小异，在数据库中最重要的是sql语句（增删改查），现在社会上使用比较流行数据库就是mysql跟oracle，但是mysql比oracle高级一点，而且还是免费的，在使用的范围里比较广。一、介绍1.
2020-06-12 15:27:23
195
原创 j2ee总结（思维导图）
j2ee总结xml解析搭建环境通用分页集合框架三次架构和mvc的区别什么是mvc？自定义标签自定义mvc解决的问题自定义mvc的原理反射mvc的综合案例编码顺序思维导图总结
2020-06-10 23:15:43
288
原创 自定义mvc的增删改查
文章目录什么是MVC？mvc结构实现自定义mvc的增删改查准备一张表导入需要的包，创建需要的包先连接数据库实体类Dao方法发送请求界面什么是MVC？MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，它是一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码。核心思想：各司其职mvc结构1.不能跨层调用2.只能出现由上而下的调用实现自定义mvc的增删改查准备一张表导入需要的包，创建需要的包
2020-06-10 01:51:55
197
原创 通用分页分析以及代码实现
文章目录一、通用分页分析通用分页核心思路分页三要素（PageBean）后台二、要实现的效果三、实现打开连接，导入所需要用的表打开eclipse创建准备工作一、通用分页分析通用分页核心思路将上一次查询请求再发一次，只不过页码变了分页三要素（PageBean）page 页码 视图层传递过来rows 页大小 视图层传递过来total 总记录数 后台查出来pagination 是否分页 视图层传递过来后台entityd
2020-06-06 14:47:46
532
原创 自定义mvc（一）
文章目录mvc分析自定义MVC工作原理图mvc的实现mvc分析自定义MVC工作原理图mvc的实现用两个案例来实现案例一：mvc的流程第一步：创建抽象类Action，定义抽象方法execute（处理具体逻辑）package com.mengyuan.mvc.framework;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServletR
2020-06-03 18:18:00
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人