入门
文章平均质量分 90
☞南烟勿忘☜
这个作者很懒,什么都没留下…
展开
-
动态树+数据表格+分页
1. 后台数据DROP TABLE IF EXISTS `t_book_vue`;CREATE TABLE `t_book_vue` ( `id` int(11) NOT NULL AUTO_INCREMENT, `bookname` varchar(50) NOT NULL, `price` float NOT NULL, `booktype` varchar(40) NOT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCR...原创 2022-05-14 16:12:15 · 166 阅读 · 0 评论 -
首页导航+左侧菜单
目录1. Mock.js2. Mock.js使用步骤2.1 安装mockjs依赖 2.2 引入(1)dev.env(2)prod.env(3)main.js2.3 目录和文件创建2.4 为每个*.vue定义单独的xxx-mock.js文件2.5 在index.js中导入xxx-mock.js,并添加拦...原创 2022-05-14 14:40:49 · 298 阅读 · 0 评论 -
vue+elementUI完成登陆+注册
1. vue怎么引入和配置使用element-ui框架 1.1 使用vue-cli脚手架工具创建一个vue项目 vue init webpack medpro 1.2 npm安装elementUI cd pro01 #进入新建项目的根目录 npm install element-ui -S #安装element-ui模块 ## 重要的事情说三遍:...原创 2022-05-14 09:39:39 · 3934 阅读 · 1 评论 -
使用vue-cli来搭建vue项目
目录前提:搭建好NodeJS环境node -vnpm -v1. 什么是vue-cli?2. 安装vue-cli2.1npm install -g vue-cli2.2注意2.3. 使用脚手架vue-cli(2.X版)来构建项目步骤一:使用脚手架创建项目骨架步骤二:步骤三:启动并访问项目步骤四:停止项目添加element-ui模块4. package.json详解5. npm install/npm install xxx -S/npm insta原创 2022-05-09 15:20:44 · 273 阅读 · 0 评论 -
05 传统html+vue+elementUI开发&nodeJS环境搭建
目录一. ElementUI简介二. Vue+ElementUI安装2.1 CDN方式2.2 NPM(略,需要配置NodeJs环境)三、Node.js介绍四、node.js的优势 4.1、Nodejs语法完全是js语法, 4.2、NodeJs超强的高并发能力 4.3、实现高性能服务器4.4、开发周期短、开发成本低、学习成本低五. Node.js环境搭建...原创 2022-05-03 20:59:38 · 289 阅读 · 0 评论 -
vue路由
目录什么是SPA?单页面应用的优缺点:它的优点有三点:它的缺点有四点:为什么页面切换快?有这些缺点,为什么还要使用Vue呢?2. SPA实现思路和技术点3. 通过vue的路由可实现多视图的单页Web应用(基于html的SPA)3.1引入依赖库3.2创建自定义组件,例如:Home和Abort组件3....原创 2022-05-03 16:42:55 · 390 阅读 · 0 评论 -
vue基础语法(2)
目录一. 样式绑定1.1样式绑定相关语法细节1.2class绑定1.3style绑定二. 事件处理器2.1 事件修饰符2.2 按键修饰符 2.2.1全部的按键别名: 2.2.2也可以键码值: 1.语法: 2.案例: 3.以下是所有键码值 ...原创 2022-05-03 15:37:22 · 656 阅读 · 0 评论 -
vue基础语法(01)
1. 模板语法 1.1 插值 1.1.1 文本 {{msg}}<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style...原创 2022-04-27 21:09:10 · 1404 阅读 · 4 评论 -
Vue入门详细介绍
一、前言在初步学习前端课程的时候,相信大家都知道Vue这个名字,至于Vue到底是什么却不得而知,又或者知道Vue是前端的一大流行框架,那么它到底是用来干啥的呢,对于其他框架而言Vue又有什么优势和特点,学习前端的人为什么都要去学习Vue呢?对于这些答案,相信大家都想去亲自揭开它的谜底,但是如果你未学过JavaScript和jQuery那么,请先不要学习Vue,因为没有根基是非常晦涩难学的。反之学习的时候会特别轻松,所以希望大家学习Vue的时候,尽量都有javascript和jQuery库类的基础。原创 2022-04-25 19:55:43 · 498 阅读 · 0 评论 -
设计模式之外观模式
目录一.外观模式二.UML类图- 注意事项及细节三、实例3.1.角色3.2. 案例 3.3.代码演示 3.3.1未使用设计模式之前 效果演示图从上面代码可以看出: 3.3.2使用设计模式之后效果演示...原创 2022-04-23 14:41:29 · 96 阅读 · 0 评论 -
结构行模型 装饰者模式(Decorator)
装饰者模式介绍装饰者模式又称为包装模式,它主要是为了扩展对象的功能,通过持有对象的引用,把对象包装起来,可以在调用对象的方法之前或者之后增加新的功能,以达到给对象添加一些额外的职责,就像为对象添加了一些装饰。另一个要点是,包装者可以有很多个,对象被包装了一层之后,依然可以继续再包装来添加新的职责。添加职责的目的其实就是为了扩展对象的功能,通过使用装饰者模式可以使得系统具有非常好的弹性。遵循了面向对象原则:对扩展开放,对修改关闭。如果有新的需求变更,对象功能扩展,只需要新增一个装饰者类,将对象包装起来原创 2022-04-22 14:50:25 · 113 阅读 · 0 评论 -
设计模式-桥接模式
目录一.设计模式-桥接模式 1.基本介绍二、桥接模式的应用场景三、桥接模式的角色组成抽象(Abstraction):修正抽象(RefinedAbstraction):实现(Implementor):四.案例五.代码实现运行效果图:从结果可以看出来:六、桥接模式优缺点一.设计模式-桥接模式 1.基本介绍桥接模式(Bridge模式)...原创 2022-04-22 10:00:40 · 221 阅读 · 0 评论 -
设计模式 结构性模式 适配器模式(Adapter)
目录适配器模式基本介绍分类类适配器模式对象适配器模式接口适配器模式适配器模式工作原理代码示例没有使用设计模式之前结果展示图对象适配器模式(代码示例)基本介绍结果展示图对象适配器模式注意事项和细节类适配器...原创 2022-04-21 17:05:55 · 482 阅读 · 0 评论 -
Java经典设计模式之五大创建型模式(附实例和详解)
一、概况总体来说设计模式分为三大类:(1)创建型模式,共五种: 一、Singleton,单例模式 : 保证一个类只有一个实例,并提供一个访问它的全局访问点二、Abstract Factory,抽象工厂:提供一个创建一系列相关或相互依赖对象的接口,而无须指定它们的具体类三、Factory Method,工厂方法:定义一个用于创建对象的接口,让子类决定实例化哪一个类,Factory Method使一个类的实例化延迟到了子类四、Builder,建造模式:将一个...原创 2022-04-19 14:59:55 · 7113 阅读 · 1 评论 -
CRUD和文件上传下载
目录一、SpringMVC支持文件下载后端代码二、SpringMVC支持文件上传 1.文件上传三要素:2.导入文件上传的两个jar包3.配置文件上传解析器4.index.jsp前端页面一、SpringMVC支持文件下载后端代码package com.zking.ssm.book.controller;import com.zking.ssm.book.model.BookFile;import com.zking...原创 2022-04-15 19:53:58 · 377 阅读 · 0 评论 -
springMVC入门
一、什么是MVC?MVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范。就是将业务逻辑、数据、显示分离的方法来组织代码。MVC主要作用是降低了视图与业务逻辑间的双向偶合。MVC不是一种设计模式,MVC是一种架构模式。当然不同的MVC存在差异。Model(模型):数据模型,提供要展示的数据,因此包含数据和行为,可以认为是领域模型或JavaBean组件(包含数据和行为),不过现在一般都分离开来:Value Object(数据Dao) 和 服务层(行为Se原创 2022-04-12 22:42:58 · 97 阅读 · 0 评论 -
mybatis之关联关系映射
目录1.什么是关联关系?2.关联关系的分类:2.1一对多配置mybatis关联映射:2.2多对一:2.3多对多:3.将数据表导入数据库中1.什么是关联关系?关联关系是指类之间的引用关系,如果类Book与类BookVo关联,那么类A将被定义成类B的属性。例如:package com.zking.ssm.book.model;import com.fasterxml.jackson.annotation.JsonFormat;import com.fas原创 2022-04-11 18:53:39 · 83 阅读 · 0 评论 -
Mybatis与spring集成
目录第一步:导入pom依赖1.1 添加spring相关依赖(5.0.2.RELEASE) 1.2 添加mybatis相关依赖 1.3 spring整合mybatis(1.3.1) 1.4 添加dbcp2连接池 1.5 添加日志配置(2.9.1) 1.6 其他1.7 mysql和-pagehelper分页jar依赖第二步:利用mybatis逆向工程生成模型层层代码第三步:编写配置文件applicationContext-mybatis.xml...原创 2022-04-11 18:26:06 · 62 阅读 · 0 评论 -
Maven安装
Maven简单介绍 Apache Maven是个项目管理和自动构建工具,基于项目对象模型(POM)的概念。 作用:完成项目的相关操作,如:编译,构建,单元测试,安装,网站生成和基于Maven部署项目。一、安装Maven官网下载mavenBinary是可执行版本,已经编译好可以直接使用。Source是源代码版本,需要自己编译成可执行软件才可使用。tar.gz和zip两种压缩格式,其实这两个压缩文件里面包含的内容是同样的,只是压缩格式不同tar.gz格式的文...原创 2022-04-03 03:46:57 · 458 阅读 · 1 评论 -
03.spring之spring bean声明周期
Spring Bean的完整生命周期从创建Spring容器开始,直到最终Spring容器销毁Bean,这其中包含了一系列关键点。Spring bean生命周期13个环节阶段1:Bean元信息配置阶段阶段2:Bean元信息解析阶段阶段3:将Bean注册到容器中阶段4:BeanDefinition合并阶段阶段5:Bean Class加载阶段阶段6:Bean实例化阶段(2个小阶段)1.Bean实例化前阶段2.Bean实例化阶段阶段7:合并后的BeanDefinition处理阶.原创 2022-04-03 02:56:18 · 179 阅读 · 0 评论 -
spring 之AOP
AOP联盟标准AOP联盟将AOP体系分为三层,从三层结构可以看出,AOP实现方式有很多种,包括反射、元数据处理、程序处理、拦截器处理等,通过本节学习,你就会看到Spring AOP的实现使用的是Java语言本身的特性,即Java Proxy代理类、拦截器技术实现。然后我们举一个比较容易理解的例子(来自:Spring 之 AOP):要理解切面编程,就需要先理解什么是切面。用刀把一个西瓜分成两瓣,切开的切口就是切面;炒菜,锅与炉子共同来完成炒菜,锅与炉子就是切面。web层级设计中,web层.原创 2022-04-01 16:50:53 · 626 阅读 · 1 评论 -
Spring入门
1. 什么是spring,它能够做什么? Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。 然而,Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益。 目的:解决企业应用开发的复杂性 功能:使用基本的JavaBean代替EJB,并提供了更多的企业应用功能 范围:任何Java应用 简单来说,Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。 ...原创 2022-03-22 00:52:21 · 91 阅读 · 0 评论