人在山巅自相逢-优快云博客

原创 Java前端Vue-13(学生管理系统二)

接听上回功能续写：4.3 关键字搜索1 后端开发第一步：在PageRequest中新增key关键字，并提供getter和setter方法第二步：在业务ClassService的queryClassByPage方法中新增模糊查询代码：/** * 带关键字搜索 * @param pageRequest * @return */ public PageResult queryClassByPage(PageRequest pageRequest){

2020-09-29 14:35:13 762

原创 Java前端Vue-12(学生管理系统一)

学生管理系统1 需求分析2 初始化后端系统第一步：pom.xml <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> <

2020-09-29 14:35:00 1052

原创 Java前端Vue-11(ElementUI)

ElementUI什么是 Element UIElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库Element UI是基于Vue 2.0的Element UI 提供一组组件Element UI 提供组件的参考实例, 直接复制官网：https://element.eleme.cn/#/zh-CN/component/installation2 搭建环境1 创建vue项目步骤一: 通过 vue-cli创建项目vue create eui01

2020-09-29 10:33:17 835

原创 Java前端Vue-10(Vuex)

Vuex1 Vuex在vue的项目中，要处理各种各样的数据，这些数据虽然多，但是，从本质上来划分，分为两种数据：组件内部私有的数据（组件之间不会共享私有的数据）组件之间共享的数据（父组件要共享和子组件的数据、子组件要共享给父组件的数据、兄弟组件之间传值）父向子：v-bind 属性绑定子向父：v-on 事件绑定机制兄弟组件之间共享数据：EventBus$on 接收数据的那个组件$emit 共享数据的那个组件当组件之间要共享数据的时候最好使用一个全局的数据存储对象来进行

2020-09-25 19:46:58 209

原创 Java前端Vue-9(Vue多表案例)

1.准备数据1 数据库在表中创建表：# 创建分类表 t_category , 主键，主表(1表)CREATE TABLE t_category( cid INT PRIMARY KEY AUTO_INCREMENT, cname VARCHAR(50));# 创建书籍表 t_book ，外键，从表(多表)CREATE TABLE t_book( bid INT PRIMARY KEY AUTO_INCREMENT, title VARCHAR(50), price DOU

2020-09-22 16:55:07 438

原创 Java前端Vue-8(SPA综合案例--用户管理)

1 需求分析需求：完成用户的CRUD操作前台：Vue的SPA后台：SpringBoot+Mybatis+通用Mapper2 实践1 创建SpringBoot后端项目这个后端我是用的微服务做的,单独的话可以不用微服务！！！User类：package com.czxy.dao;import lombok.Data;import javax.persistence.Id;import javax.persistence.Table;@Table(name = "t_user")@Da

2020-09-21 21:10:04 300

原创 Java前端Vue-7(Vue全家桶)

1 SPA-Vue企业级开发模式1 什么是SPA？SPA(Single Page Application)：单页面应用程序，是一种前端的开发技术，是现在前、后端分离下的一种产物。传统的网站我们传统的网站是由很多个独立的页面组成的，当我们点击页面中的 a 标签时，就会向服务器发送一个新的请求，然后下载另一个页面显示，跳转时是页面之间的跳转。SPASPA（单页面应用程序），顾名思议，整个网站中只有一个页面，在这个页面中会加载很多个不同的组件，当我们点击按钮时，并不会打开一个新的页面，而是

2020-09-21 20:35:29 700

原创 Java前端Vue-6(Node.js)

Node.js1.什么是Node.jsNode.js是一个服务器端的Javascript运行环境(runtime)。Java使用JDK进行编译/运行。 > java HelloWorldJS使用Node进行编译/运行。 > node HelloWorld.jsNode.js是一个web服务器Java使用Tomcat提供HTML、CSS、JS等资源访问。前端使用Node.js提供HTML、CSS、JS等资源访问。Node.js是资源管理器Node.js提供n

2020-09-15 10:35:47 414 1

原创 Java前端Vue-5(复习Vue)

1 Vue复习-商品管理系统目的：1 回顾Vue的基本用法2 以这个练习为切入点，讲解前后端分离的开发方式1 案例需求完成商品的查询、新增、修改、删除等操作前端（浏览器端）：vue后端（服务器端）：spring boot+spring mvc+mybatis2 数据库设计与表结构CREATE TABLE `t_goods` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAULT NULL, `imag

2020-09-15 09:42:40 724

原创 Java前端Vue-4(Vue的组件)

1.组件化什么是组件？组件：在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航、尾部信息模块。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。1.定义全局组件我们可以使用 Vue.component 来定义一个组件：Vue.component(组件名称, Vue对象)在 Vue 对象中我们需要使用 template 来定义组件的 HTM

2020-09-14 21:18:35 267

原创 Java前端Vue-3(用户管理系统)

用户管理系统1 案例需求完成用户的查询、修改、删除等操作前端（浏览器端）：vue后端（服务器端）：spring boot+spring mvc+mybatis2 数据库设计与表结构在数据库中创建：CREATE TABLE T_USER(id INT PRIMARY KEY AUTO_INCREMENT,age INT,username VARCHAR(20),password VARCHAR(50),email VARCHAR(50),sex VARCHAR(20))导入数据

2020-09-14 20:48:50 1039

原创 Java前端Vue-2(快速入门)

前端开发模式的发展静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DOM1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言，随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。ajax盛行：2005年开始，ajax逐渐被前端开发人员所重视，因为不用刷新页面就可以更新页面的数据和渲染效果。此时的

2020-09-11 18:49:52 1191

weixin_45764461的博客