xbd_zc的博客

项目资源github–shop-vue2-shangpinhui阿里云通用步骤1,静态页面2,拆分组件3,获取服务器的数据动态展示4,完成相应的动态业务逻辑注意: 使用less样式要安装less, less-loadernpm install --save less less-loader样式添加<style scoped lang="less">环境1,拆分header和footer注意把样式和HTML和图片一起导入2,路由组件搭建安装vue-rou.

文章目录七,Vue导出部署到Nginx0,安装nginxcentos7安装常用命令配置nginx服务(开机自启)1,运行build命令2,生成资源目录dist,复制到nginx中3,访问测试4,history模式下刷新报404修改nginx.conf八,UI组件库(Element UI)Element UInpm 安装按需引入运行报错**es2015的问题**`Cannot find module '@babel-preset-env/babel-preset'解决：换成['@babel/env', { m

文章目录6.1,路由简介6.2,基本路由1,简单切换效果2,几个注意点6.3,嵌套路由6.4,路由传参--query参数?a=x&b=x6.5,命名路由6.6,路由的params参数/a/b6.7,路由的props配置6.8.``````的replace属性6.9.编程式路由导航6.10.缓存路由组件6.11.两个新的生命周期钩子6.12.路由守卫6.13.路由器的两种工作模式6.1,路由简介什么是路由?一个路由就是一组映射关系(key- value) 多个路由需要路由器（router）

文章目录5.1 理解vuex5.1.1 vuex 是什么5.1.2 什么时候使用Vuex(共享)5.1.3,vuex原理图5.2,搭建vuex环境5.3,vuex基本使用5.4,getters的使用5.5.四个map方法的使用5.6,案例vuex配置,store/index.js求和Count.vuePerson.vue5.7,vuex模块化1,模块化+命名空间2,案例2.1,vuex模块2.2,组件5.1 理解vuex5.1.1 vuex 是什么概念专门在Vue中实现集中式状态(数据)管理的一

文章目录4.1,vue脚手架配置代理方法一方法二4.2,GitHub搜索案例入口main.jsApp.vueSearch.vueList.vue4.3,slot插槽4.3.1,默认插槽---slot4.3.2,具名插槽---slot name='xx'4.3.3,作用域插槽(插槽传递数据给使用者)4.3.4,总结4.1,vue脚手架配置代理方法一​ 在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000"}说明：优点

文章目录3.1,安装脚手架1,配置 npm 淘宝镜像2,（仅第一次执行）：全局安装@vue/cli3,切换到代码目录,创建项目4,按照提示启动5,访问测试4,分析脚手架4.1,脚手架目录4.2,将上面的单文件导入vue_test01中运行报错`error Mixed spaces and tabs no-mixed-spaces-and-tabs`解决办法 package.json中添加rules4.3,render函数4.4,修改Vue配置文件vue.config.js5,ref与propsref属性

二,Vue组件化编程文章目录二,Vue组件化编程1,非单文件组件(一个文件中包含了N个组件)1.1,对组件的理解1.2,组件的定义1.3,基本使用Vue中使用组件的三大步骤：一、如何定义一个组件？二、如何注册组件？三、编写组件标签：1.4,注意点(组件名)例子1.5,组件的嵌套1.6,VueComponent1.7,Vue和VueComponent的关系原型和原型链Vue和VueComponent的关系2,单文件组件(一个文件中只有1个组件)2.1,定义组件School.vueStudent.vueApp

文章目录一,Vue核心1,初识Vue2,模板语法3,数据绑定4,data与el的2种写法5,MVVM模型6,数据代理6.1,回顾Object.defineproperty方法6.2,数据代理：通过一个对象代理对另一个对象中属性的操作（读/写）6.3,Vue中的数据代理7,事件处理7.1,事件的基本使用：7.2,事件修饰符7.3,键盘事件8,计算属性8.1,插值语法实现8.2,methods实现8.3,计算属性实现8.4,计算属性简写9,监视属性9.1,天气案例9.2,天气案例+监视属性(watch)9.3,

文章目录Vue一,第一个Vue程序方式一:[直接用 script 引入](https://cn.vuejs.org/v2/guide/installation.html#直接用-lt-script-gt-引入)方式二:[CDN](https://cn.vuejs.org/v2/guide/installation.html#CDN)创建项目1,导入`vue.js`2,编写页面3,测试二,指令2.1,v-bind指令2.2,条件判断v-if v-else v-else-if2.3,遍历循环 v-for2.4,

文章目录8,文件上传下载文件上传1、导入文件上传的jar包，commons-fileupload ， Maven会自动帮我们导入他的依赖包 commons-io包；2、配置bean：multipartResolver3、编写前端页面4、**Controller**文件下载8,文件上传下载准备工作文件上传是项目开发中最常见的功能之一 ,springMVC 可以很好的支持文件上传，但是SpringMVC上下文中默认没有装配MultipartResolver，因此默认情况下其不能处理文件上传工作。如果想

7,Ajax技术文章目录7,Ajax技术7.1jQuery.ajaxjquery官网下载7.2,Ajax-简单测试7.3,Ajax-传递一个对象试试1,导包JSON2,在BooksController中添加一个b1,返回list3,前端页面ajax2.jsp4,测试7.4,Ajax-实现验证用户名密码UserControllerlogin.jsp测试简介AJAX = Asynchronous JavaScript and XML (异 JavaScript 和XML) .AJAX 是一种在无需

6,MVC拦截器Interceptor文章目录6,MVC拦截器Interceptor6.1,拦截器实现登录验证拦截1,自定义拦截器，须HandlerInterceptor 接口2,配置拦截器-spring-mvc.xml3,测试SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者可以自己定义一些拦截器来实现特定的功能。**过滤器与拦截器的区别：**拦截器是AOP思想的具体应用。过滤器servlet规范中的一部分，任何java

Spring+SpringMVC+Mybatis整合,创建一个简单项目测试

多个参数传参数时, 有参数为空情况下, 报错的处理

文章目录3,数据处理和跳转3.1,跳转3.3.1,ModelAndView3.3.2,ServletAPI3.3.3,SpringMVC**通过SpringMVC来实现转发和重定向 - 无需视图解析器；****通过SpringMVC来实现转发和重定向 - 有视图解析器；**3.2,数据处理3.2.1,处理提交数据3.2.2,数据显示到前端Model-ModelMap-ModelAndView对比3.3,乱码问题3.3.1,测试乱码测试表单controller访问页面控制台输出3.3.2,乱码解决配置Spri

文章目录1,SpringMVC简介1.1,回顾MVC1.2,什么是SpringMVC中心控制器SpringMVC的原理:1.3,第一个MVC项目1,导入依赖2,创建maven项目, 使用web模板创建3,配置web.xml, 注册DispatcherServlet4,新建SpringMVC配置文件 `springmvc-servlet.xml`5,编写Controller6,跳转的jsp页面7,配置Tomcat启动测试1.4,使用注解@Controller一: 配置web.xml二: 添加SpringMVC

文章目录12.整合Mybatis12.1.Mybatis回忆12.2.Mybatis-spring12.2.1整合步骤1.实体类2.Mapper3.Mapper.xml4.Mybatis-config.xml5.spring整合mybatis--spring-dao.xml6.Mapper实现类7.Spring配置文件:applicationContext.xml8.测试12.2.2生成sqlSessionTemplate方式二1,UserMapperImpl22,xml中注册UserMapperImpl2

文章目录10.代理模式10.1,静态代理10.2动态代理11.APO11.1.什么是AOP11.2.AOP在Spring中的作用方式一: 使用原生Spring API接口servicelogapplicationContext.xmltest方式二: 自定义类自定义类xml方式三: 注解实现切入的类xml顺序10.代理模式代理模式的分类静态代理动态代理10.1,静态代理角色分析抽象角色: 一般会使用接口或者抽象类来解决真实角色: 被代理的角色代理角色: 代理真实角色, 代理真实角色

文章目录7.Bean copes作用域7.1.单例模式 (默认)7.2.原型模式8.Bean的自动装配8.1.ByName自动装配8.2.ByType自动装配8.3,byName,byType小结:8.4.使用注解实现自动装配@**Autowired**@Qualifier解决@Resource小结9.使用注解开发属性注入衍生的注解自动装配作用域小结10.使用java的方式配置Spring实体类配置文件测试7.Bean copes作用域创建 Bean 定义时，将创建用于创建由该 Bean 定义定义的类的

文章目录1.Spring1.1.简介下载1.2.优点1.3.组成1.4.拓展2.IOC理论推导**原来 **问题:调整后IOC的本质3.HelloSpring实体类配置元数据-beans.xml测试思考问题更改原来的代码4.IOC创建对象的方式4.1测试实体类测试把无参构造去掉(添加有参)再执行就报错了, 需要在beans中配置4.2beans配置有参构造函数参数的三种方式indextypeName(参数名),建议使用IOC创建对象总结5.Spring配置5.1.起别名5.2.Bean的配置5.3.impo

文章目录练习题题目环境1,mapperUserMapperRoleMapperProviderMapperBillMapper2,实体类pojoUserRoleProviderBill3,MybatisUtil4,配置文件db.propertiesmybatis-config.xml做题UserUserMapper.xmlUserTestRoleRoleMapper.xmlRoleTestProviderRoleMapper.xmlProvideTestBillBillMapper.xmlBillTest

12.动态SQL动态SQL就是根据不同的条件生成不同的SQL所谓的动态SQL,本质还是SQL语句, 只是我们可以在SQL层面去执行一些逻辑代码如果你之前用过 JSTL 或任何基于类 XML 语言的文本处理器，你对动态 SQL 元素可能会感觉似曾相识。在 MyBatis 之前的版本中，需要花时间了解大量的元素。借助功能强大的基于 OGNL 的表达式，MyBatis 3 替换了之前的大部分元素，大大精简了元素种类，现在要学习的元素种类比原来的一半还要少。ifchoose (when, other

文章目录8.使用注解开发8.1、面向接口编程8.2使用注解开发步骤:1, 接口2,核心配置文件中绑定接口3,测试无法使用resultmap解决实体类字段跟数据库不一致的问题本质: 反射机制实现底层: 动态代理8.3,CRUD自动提交事物, MybatisUtil中接口增加注解关于@Param注解#{} 和 ${}的区别9.Lombok步骤1安装lombok插件2导入包3.使用方法@Data, 省略调了getset等方法创建10.多对一处理环境实体类接口按照查询嵌套处理按照结果嵌套处理11.一对多处理实体类接

文章目录5.ResultMap, 解决属性名和字段名不一致的问题5.1.出现的情况实体类的字段跟数据库字段不一致查询结果--获取不到pwd分析原因解决方案一:SQL起一个别名解决方案二: resultMap5.2, resultMap6.日志6.1.日志工厂STDOUT_LOGGING日志6.2.使用Log4J1, pom中导入依赖2,resources下添加`log4j.properties`3.mybatis-config.xml里配置setting4.打印日志5.log4j简单使用1, 在当前类加载l

文章目录Mybatis1.简介1.1什么是 MyBatis？1.2 持久化1.3 持久层1.4 为什么需要Mybatis?2.第一个Mybatis程序2.1 搭建环境1,创建maven项目, 导入依赖2,建立子工程, 在resources下建mybatis配置文件`mybatis-config.xml`3, 建立MybatisUtils工具类, 获取SQLSession对象2.3 编写代码2.4 测试2.5, 报错注意点UserMapper.xmlmybatis-config.xml确保target里导出了