- 博客(16)
- 收藏
- 关注
原创 传统html+vue+Elementui开发及node.js环境搭建
1、什么是ElementUI?Element 饿了么前端出品的一套 基于 Vue 2.0 的桌面端组件库官网: http://element.eleme.io/#/zh-CNVue+ElementUICDN方式<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <!-- 1. 导入css -->
2022-07-27 12:38:20
175
1
原创 vue路由
1. SPA是什么单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序: 对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面 优势 减少了请求体积...
2022-05-03 17:01:56
255
原创 vue模板语法二
样式绑定1、class绑定使用方式:v-bind:class="expression"expression的类型:字符串、数组、对象<div id="ad"> <h1>{{ts}}</h1> <!-- class样式 --> <div :class="clsArrs"> 11111111111111111111111111111 </div></div> <script>
2022-05-03 15:48:05
148
原创 vue基础语法
Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的 HTML,所以能被遵循规范的浏览器和HTML解析器解析。一,插值的几种方式1,文本插值,使用双大括号{{}} js代码: var vm = new Vue({ el:"#app", data:{
2022-05-03 14:37:26
96
原创 Vue的入门
1、简单认识Vue.jsVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 官网:https://cn.vuejs.org/ Vue作者:尤雨溪/中国无锡2、Vue.js安装CDN引入直接下载然后引入,scri..
2022-04-26 05:21:07
159
原创 设计模式(模板方法,备忘录,命令)
一:模板方法模式什么是模板模式模板模式首先要有一个抽象类,这个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现,但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。定义:「定义一个操作中的算法骨架,而将算法的一些步骤延迟到子类中,使得子类可以不改变该算法结构的情况下重定义该算法的某些特定步骤。」比如在造房子一样,地基,铺线,房子户型都是一样的,由开发商决定,但是在交房之后,室内的装修风格和场景布置却是由业主决定,在这个场景中,开发商其实就是一个抽象类,地
2022-04-22 16:51:04
2360
原创 Mybatis动态sql和分页
动态SQL进行部分标签案例演示1,If标签<select id="queryBookIf" resultType="mybatis01.model.Book"> select <include refid="Base_Column_List"/> from t_book where 1=1 <if test="null!=bookType and ''!=bookType"> <!--book_type 为数据库字段名-->
2022-04-19 14:16:26
104
原创 设计模式(原型)
1 原型模式概念1.1 介绍 原型模式是一个创建型的模式。原型二字表明了改模式应该有一个样板实例,用户从这个样板对象中复制一个内部属性一致的对象,这个过程也就是我们称的“克隆”。被复制的实例就是我们所称的“原型”,这个原型是可定制的。原型模式多用于创建复杂的或者构造耗时的实例,因为这种情况下,复制一个已经存在的实例可使程序运行更高效。1.2 定义 用原型实例指定创建对象的种类,并通过拷贝这些原型创建新的对象。1.3 使用场景(1)类初始化需要消化非常多的资源,这个资源包括数据、硬件资源等
2022-04-18 20:27:17
99
原创 Mybatis关系映射
一、什么是关联关系?关联关系是指类之间的引用关系,如果类A与类B关联,那么类A将被定义成类B的属性。二、关联关系的分类1.一对一这个就好像中国人的身份证一样,每个身份证对应一个人2.一对多 每个淘宝订单用户都对应多个订单1.一对一这里提供两个表t_customer(客户表)和 t_order(订单表)-- 一对多-- 客户表(主表)create table t_customer( customer_id int primary key not n...
2022-04-14 09:49:26
86
原创 Mybatis和Spring集成
1. 建立MavenProject利用 Maven 的主要目的是统一维护 jar 包2. 配置环境1)pom.xml中导入jar包包括Spring框架和MyBatis框架需要的jar包,数据库驱动包,日志文件管理包等<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XM
2022-04-14 09:27:27
110
原创 Spring Bean生命周期
1.Spring Bean的生命周期是Spring面试热点问题。Spring Bean的生命周期指的是从一个普通的Java类变成Bean的过程以下是图例Spring Bean的生命周期有以下八个步骤:1)通过XML、Java annotation(注解)以及Java Configuration(配置类)等方式加载Spring Bean2)BeanDefinitionReader:解析Bean的定义。在Spring容器启动过程中,会将Bean解析成Spring内部的BeanDefiniti
2022-03-30 18:56:15
89
原创 SpringAop介绍及使用
一、AOP介绍1、AOP关键性概念: 连接点(Joinpoint):程序执行过程中明确的点,如方法的调用,或者异常的抛出 目标(Target):被通知(被代理)的对象。——注1:完成具体的业务逻辑。 通知(Advice):在某个特定的连接点上执行的动作,同时Advice也是程序代码的具体实现,例如一个实现日志记录的代码(通知有些书上也称为处理)——注2:完成切面编程。 代理(Proxy):将通知应用到目标对象后创建的对象(代理=目标+通...
2022-03-23 15:51:06
88
原创 Spring入门及IOC的介绍
一、Spring概念:Spring 是一个轻量级的Java开源框架,是为了解决企业应用开发的复杂性而创建的。Spring 是容器框架,创建bean(相当于一个对象),维护bean之间的关系。实现了程序的解耦合和面向切面(AOP)的容器框架Spring也是一种集成性框架,可以和其他框架进行整合,从而实现多个框架的协同开发。常见的有(SSH、SSM)。这里简单打个比方,介绍Spring框架的重要地位struts2是web框架相对于销售经理,hibernate是orm框架相当于仓库经理,它们两个都是非
2022-03-23 14:41:12
137
原创 Maven安装配置
一、安装本地Maven这里谁官网地址二、安装把下载好的maven压缩包解压到一个没有中文,空格或其他特殊字符的文件夹,如:三、配置环境变量1.右键此电脑->属性->高级系统设置->环境变量2.新建变量MAVEN_HOME3.编辑变量Path,添加变量值%MAVEN_HOME%\bin%MAVEN_HOME%\bin4.验证安装是否成功,win+R运行cmd,输入mvn -v,如图所示则配置成功四、配置setting文件...
2022-03-23 14:11:08
4433
原创 idea的安装和插件下载,热加载插件安装
1.先到官网下载安装包地址:IntelliJ IDEA: The Capable & Ergonomic Java IDE by JetBrains2.下载完成后,双击运行安装包进行安装3.选择(更改)安装路径4.选择安装选项5.添加到开始菜单,点击Install,等待安装6.安装完成,勾上选项,点击Finsh启动IDEA7.第一次打开,会出现导入设置页。因为是第一次安装IDEA,选择不导入点击OK即可。8.软件使用合同,勾上选项同意,点击Continue进入下一步9.数据
2022-03-15 18:48:01
1562
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人