- 博客(42)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 后台管理系统_全栈(vue+springboot)(第一天--前端部分)
第一天--前端部分1、项目环境搭建1.1 基于vue-cli 3.x 创建项目1.2 初始化项目1.3 整合ElementUI1.4 Axios封装和跨域问题1、项目环境搭建1.1 基于vue-cli 3.x 创建项目第一步：安装先安装node.js 我的是10.x版本的安装vue-cli：npm install -g @vue/cli安装特定版本的：(这个项目是基于3.10版本开发的)npm install -g @vue/cli@3.10.0查看版本：vue -V第二步：构建
2021-03-25 18:41:52
287
原创 SpringBoot 博客开发 个人学习（项目开始和前端页面）
博客开发前言1、需求与功能1.1 需求1.2 功能2、页面开发（非重点，可直接跳过看后台部分）2.1 首页2.2 详情页2.3 分类页前言功能点:技术组合：后端：Spring Boot +JPA + thymeleaf模板数据库： MySQL前端UI： Semantic UI框架工具环境：IDEAMaven3JDK8Axure RP 81、需求与功能1.1 需求角色：普通访客、管理员(我)1.2 功能2、页面开发（非重点，可直接跳过看后台部分）新建文件夹bo
2021-03-13 12:10:32
782
原创 Vuex (二)
Vuex_2 1、安装Vuex2、导入Vuex并让vue管理3、使用Vuex数据(state)方式4、更新、修改Vuex数据(state)方式--mutations例子一：基本使用细节讲解：参数传递5、getters基本使用例子一：将counter平方例子二：获取大于20岁学生数据Vuex（一）这篇文章将更加详细讲解Vuex的使用，简单讲解见 Vuex（一）当多个组件想使用同一个数据的时候，就可以使用Vuex1、安装Vuexnpm i vuex -S2、导入Vuex并让vue管理首先新建一个
2021-03-10 13:44:01
87
原创 Vue实战 POS系统
POS前言1、构建项目目录2、创建POS组件3、图标库注意：引用彩色图标4、侧边栏leftNav5、Element组件库前言进行一个基于vue的收银界面1、构建项目目录使用vue-cli快速构建2、创建POS组件新建Pos组件Pos.vue<template> <div class="pos"> Hello </div></template><script>export default { name:
2021-03-07 22:53:14
1316
原创 Vuex(一)
Vue-x1、安装Vue-x2、基本使用在使用mutaions方法的时候提交参数getters3、总结1、安装Vue-xnpm install vuex@3.0.1 -S2、基本使用store.js:import Vue from 'vue'//配置vuex的步骤// 1、运行npm命令安装// 2、导入包import Vuex from 'vuex'//3、注册vuex到vue中Vue.use(Vuex)// 4、new Vuex.Store() 实例 得到一个数据仓储对象
2021-03-06 16:17:22
86
原创 Vue-cli
Vue-cli（补充）Vue.setVue-cli安装初始化（补充）Vue.set参数一：数组或者对象参数二：要改变的值或者下标参数三：要变成什么内容Vue-cli安装npm i vue-cli -g （注意：这是老版本的，3.0以上的改名字了）初始化vue init webpack vuecliTest(项目名)...
2021-03-06 09:47:13
63
原创 Webpack学习心得
Webpack学习心得1、安装webpack2、webpack基本使用3、webpack配置文件1、安装webpack2、webpack基本使用3、webpack配置文件在根路径下自己创建
2021-03-03 10:37:53
390
原创 Vue个人学习心得_基础篇
Vue_基础篇（一）1、Vue.js什么是Vue.js为什么要学习Vue框架和库的区别MVC和MVVMVue基本代码和MVVM对应关系2、Vue的简单指令v-cloak、v-text、v-html、v-bindv-on案例一：跑马灯事件修饰符1、Vue.js什么是Vue.js为什么要学习Vue框架和库的区别MVC和MVVMVue基本代码和MVVM对应关系<!DOCTYPE html><html lang="en"><head> <
2021-02-23 17:21:22
3265
原创 Git个人学习心得
Git1、安装2、初始化Git仓库3、设置使用用户4、把代码放入仓库5、查看日志6、版本回退7、分支8、GitHub提交数据9、GitHub拿数据10、GitHub ssh方式上传代码1、安装2、初始化Git仓库会出现这个（是隐藏文件）：3、设置使用用户设置名字：设置邮箱：- - 在这里一般后面跟属性，global 表示全局4、把代码放入仓库把当前目录中需要添加的都添加进去红色：没有放到仓库口 。 绿色：放到了仓库口，但是还没有放进去。放进去：5、查看日志
2021-02-16 22:43:01
166
原创 JS快速入门个人学习心得（二）
JS快速入门个人学习心得（一）JS快速入门个人学习心得（二）1、JS特点2、面向对象2.1 什么是面向对象2.2 面向对象特性2.3 创建对象方式3、静态成员和实例成员4、原型4.1 使用原型对象：4.2 使用原型对象扩展内置对象5、构造函数、原型对象、实例、对象之间的关系6、原型链：7、贪吃蛇案例分析对象：创建食物对象：创建蛇对象1、JS特点1、解释执行 ： 解释一行执行一行 （慢）java 、c# 编译执行 ： 一次性把代码编译成可执行的代码，然后再一行一行执行（快）2、灵活、 动态特性 ：
2021-02-11 10:19:42
230
原创 WebAPI个人学习心得
个人学习JS这里写目录标题1、API简介2、DOM3、获取页面元素3.1 根据id获取元素3.2 获取对应标签的元素3.3 其他方式4、事件及应用1、API简介2、DOM3、获取页面元素3.1 根据id获取元素通过document来获取是这个对象真实类型3.2 获取对应标签的元素获取id为container下的所有div标签：3.3 其他方式4、事件及应用...
2021-02-06 17:40:19
341
原创 JS快速入门个人学习心得（一）
1、JavaScript 是什么2、引用JS注意：JS中可以用双引号也可以用单引号，但是如果外面有双引号那么只能用单引号。推荐单引号。3、JS变量注意：4、JS数据类型NumberStringBollean和其他获取变量类型5、数据类型转换转换成字符串转换为数值parsexxx 无法转换布尔类型转换为布尔类型6、操作符7、表达式和语句8、流程控制分支结构循环结构whiledoWhile
2021-02-01 16:56:45
297
原创 HTML+CSS案例
综合案例1、分析1.1 整体结构1.2 部分结构2、代码部分2.1 初始化_CSS2.2 头部2.2.1 头部_HTML2.2.2 头部_CSS2.3、中间轮播图2.3.1 中间轮播图_HTML2.3.2 中间轮播图_CSS2.4 精品推荐2.4.1 精品推荐_HTML2.4.2 精品推荐_CSS2.5 底部样式2.5.1 底部样式_HTML2.5.2 底部样式_CSS这个文章主要是将前面学习的CSS和HTML进行一个串联。最终样式：图片和各种间距的测量采用photoshop。1、分析1.1
2021-01-30 11:01:31
1018
原创 CSS快速入门个人学习心得（终）
CSS终：1、伸缩布局 CSS3 Flex2、BFC （块级格式化上下文）3、渐进增强、优雅降级4、CSS压缩工具1、伸缩布局 CSS3 Flex（响应式：随屏幕变化而变化。）各属性：排列方式多行垂直对齐和Z-index相似2、BFC （块级格式化上下文）哪些可以形成BFC：什么情况下可以让元素产生BFC：（如何创建BFC区域）一般用 overflow : hidden 创建BFC的特性：BFC用途：3、渐进增强、优雅降级4、CS
2021-01-29 21:07:13
119
原创 CSS快速入门个人学习心得（三）
CSS学习第三天1、CSS用户界面样式2、vertical-align3、溢出文字处理4、CSS精灵技术（sprite）5、字体图标CSS快速入门个人学习心得（二）1、CSS用户界面样式2、vertical-align对块级元素无效！！！3、溢出文字处理只有先添加强制一行显示才可以使用这个！！！4、CSS精灵技术（sprite）使用注意往上走是负的一般使用方法：给宽高，然后指定精灵图，然后输入坐标。（精灵图是背景而不是插入图片）制作精灵图5、字体图
2021-01-29 16:56:56
141
原创 CSS快速入门个人学习心得（二）
CSS快速入门个人学习心得（一）CSS学习第二天1、标签显示模式（display）2、复合选择器1、标签显示模式（display）特点：1、总是从新行开始2、高度、行高、外边距以及内边距都可以控制3、宽度默认是容器的100%4、可以容纳内联元素和其他块元素特点：1、和相邻行内元素在一行上2、高宽无效，但水平方向的padding和margin可以设置，垂直方向的无效3、默认宽度就是它本身内容宽度4、行内元素只能容乃文本或其他行内元素（a特殊）2、复合选择器复合选择器是由两
2021-01-28 21:27:31
321
1
原创 Photoshop基本使用（网页开发，主要是抠图）
为什么学习PS？1、新建因为在网页中我们都是对像素进行操作的，而且图片分辨率为72，因此这些东西都是要变为上图的。2、简单操作移动变形（缩放旋转等）CTRL + T ，按着shift时是等比缩放移动工具（移动图片）V复制ALT 或 CTRL + J图层工具栏F7图层分组CTRL+G取消图层编组CTRL+SHIFT+G选中中心点，SHIFT+ALT+选区可以以这个中心点为圆心画圆放大：点击Z然后点击鼠标左键； 缩小：点击Z，然后点击ALT和左键注意：需要在
2021-01-27 21:55:32
146
原创 CSS快速入门个人学习心得（一）
1、CSS2、CSS字体样式属性3、CSS基本选择器4、CSS外观样式5、引入CSS样式表（书写位置）序1、CSS2、CSS字体样式属性3、CSS基本选择器标签选择器（元素选择器）类选择器id选择器id选择器和类选择器区别：通配符选择器伪类选择器结构伪类选择器中：参数为even选择所有奇数孩子，为odd选择所有偶数孩子；写n是指从0开始，2n是偶数等等。4、CSS外观样式一个em就是一个汉字的大小。间距单位为px。5、引入
2021-01-25 17:49:14
158
原创 HTML快速入门个人学习心得
1、sublime 的使用：插件的安装：快捷代码：插件的删除：2、html标签标签关系：嵌套关系和并列关系<head> <meta charset="UTF-8"> <title>Document</title></head>标题标签<h1> </h1> , <h2> </h2>,...,<h6></h6>段落标签<p> <
2021-01-25 00:25:13
206
原创 微信小程序快速入门个人学习心得（四）
TODOS案例这个案例是要做一个任务清单。首先 思考一共分为几块内容：1、输入框2、任务列表3、工具栏因此一共三块，在对应wxml文件中，父容器中添加三个子容器。<view class="container"><view class="searchHandle"></view><view class="worksHandle"></view><view class="utilsHandle"></view>
2021-01-21 15:45:12
327
原创 微信小程序快速入门个人学习心得（三）
1、页面跳转注意事项在进行页面跳转的时候，首先对应json文件中不能为空，最少也要有一个 { }，然后对应js文件中需要有 page{} 属性。说明：navigator 是小程序提供的页面跳转的标签。<navigator url="../demo2/demo2">go demo2</navigator>对应json：（必须要有东西，最少也要是一个空的花括号，当然也可以直接删除json文件）对应js:(虽然什么都没有也要写page)<!--pages/demo
2021-01-19 22:22:34
340
原创 微信小程序快速入门个人学习心得（二）
微信小程序快速入门（一）微信小程序官方文档W3School1、使用flex完成music播放器布局1.1 页头编写index.json{ "navigationBarTitleText": "Music Player", "navigationBarBackgroundColor": "#333", "navigationBarTextStyle": "white"}然后对整个播放器进行页面划分，划分为标签栏和内容部分，因此需要两个子容器，一个父容器。在index.wxml
2021-01-19 19:10:16
261
原创 微信小程序快速入门 个人学习心得（一）
1、关于界面层的数据绑定1.1 数据在哪里数据在当前页面（xxxx.js）对象中data属性中。1.2 绑定到哪里想在哪里用就在哪里用，用 {{ }} 语法形式输出2、关于列表渲染在当前页面(xxxx.js)中的data属性中定义一个对象数组然后在对应xxxx.wxml中这样就可以有如下显示但是，这样代码繁琐，我们可以用wx:for方式动态获取：这里item代表当前页面被遍历元素，可以使用wx:for-item来给当前被遍历元素起别名3、关于事件基本事件的使用就是通过给
2021-01-19 10:39:42
399
原创 乐优商城 Day 09（thymeleaf,Rabbitmq,商品详情页，非教程）
商品详情页thymeleaf快速入门创建微服务：配置文件：名字一定要是这个templates显示提示：xmlns:th=“http://www.thymeleaf.org”SpringBoot 任何项目要想启动就需要有启动类...
2019-10-18 21:15:56
703
2
原创 虚拟机(Linux)安装Rabbitmq （乐优商城中的相关安装）
先上传三个文件打开虚拟机进入目录：可以看到这三个刚上传的文件因为需要联网安装所以Ping一下百度检查一下网络网络畅通然后执行安装命令：其中需要输入Y安装完成安装第二个：安装成功：安装rabbitmq完成修改配置文件：将配置文件模板复制到etc目录：修改配置：放开注释，删除最后的逗号，然后：wq保存配置开机启动：手动启动：删除当前目录下安...
2019-10-16 16:58:29
493
原创 JQ中的AJAX
首先，我们先准备一个后台代码：然后，在前台页面导入JQuery，并写方法注意：这里data的 ‘name’和后台中要是一样的ajax默认是get请求想用post请求就再写一个后台代码写前台：注意：再写一个后台写前台：其他事件可以在网上查询...
2019-09-20 20:24:00
68
原创 乐优商城 Day06 （包括虚拟机下安装Elasticsearch ，jdk1.8，分词器，非教程）
在linux下安装Elasticsearch先文件上传cd /home/leyou使用FileZilla然后解压删除压缩包修改权限cd进入观察后cd退出来重命名：cd进入修改修改然后创建目录然后切换到leyou用户并进入bin（在root下转换账号不需要密码）然后把当前的目录下权限全都变成leyou用户然后修改上级目录下的文件在...
2019-09-07 16:57:49
428
原创 乐优商城学习笔记 Day04 （非教程）
把图片放进虚拟机：创建static文件夹进入static，把图片放入然后去命令台解压：解压然后删除安装包：进入images修改nginx配置：至此结束。...
2019-08-15 18:30:58
425
原创 乐优商城个人笔记Day03 （包括了FirstDFS的安装和配置）
Brand:写实体类写mapper写Service写Controller写封装类：封装类是通用的写service再去枚举里添加一个新的量
2019-08-06 21:43:46
666
1
原创 乐优商城学习笔记 Day02（非教程）
1.解决域名问题vue插件安装，修改域名2.解决端口问题用nginx去处理静态资源，Tomcat解决的是动态资源和静态资源今天主要用nginx做反向代理什么是代理：…什么是反向代理：…...
2019-08-01 19:39:14
640
原创 在虚拟机上安装nginx(乐优商城)
首先，下载nginx的安装包启动虚拟机点开终端：使用 su - root进入管理员权限然后关闭防火墙：（重启生效，也可以后面关闭）chkconfig iptables off然后新增用户 leyou,这里我们不设置密码新增用户之后，会在home下新增一个leyou，cd命令进入这个目录，接下来我们把安装包上传到这里：上传可以使用工具FileZilla启动工具点击...
2019-08-01 17:46:39
2466
原创 Win10系统安装虚拟机、CentOs6.5（参照他人博客，非教程）
参考的博客地址首先，我们要来安装一款可以模拟操作系统运行的软件。这里我们选择VMwareWorkstation。安装结束后，打开网络和Internet设置，点击更改适配器选项，查看是否有以下两个虚拟网卡。如果有，代表安装成功安装成功后，我们选择Linux的CentOS6.5版本来安装，下载好镜像文件后（.iso）就可以进行安装了，安装步骤如下：这是我们的镜像文件，i38...
2019-08-01 10:06:15
340
原创 乐优商城学习笔记 Day 01 （非教程）
1.创建父工程2.父工程管理版本，引入依赖引入依赖后父工程搭建完毕3.搭建通用的工程 ：注册中心，网关注册中心：组件id改名字为commona.引入依赖：…b.写启动类两个注解，一个方法c.yml文件网关：a.引依赖：b.写启动类两个注解。其中cloud注解相当于3个注解c.配置文件这两个写完结构如下3.商品微服务：聚合工程，里面包含两个一个实体...
2019-07-30 18:06:02
682
rabbitmq.zip
2019-10-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人