随笔分类 - 分布式项目(基础篇)
摘要：请求：/product/category/list/tree 响应数据示例： { "code": 0, "msg": "success", "data": [{ "catId": 1, "name": "图书、音像、电子书刊", "parentCid": 0, "catLevel": 1, "sho
阅读全文
posted @ 2021-06-03 12:37
努力的校长
摘要：https://files-cdn.cnblogs.com/files/applesnt/pms_catelog.zip
阅读全文
posted @ 2021-06-02 22:46
努力的校长
摘要：####1：创建网关服务 onlinemall-geteway ####2：修改pom.xml springboot版本修改为：2.1.8.RELEASE springcloud版本修改为：Greenwich.SR3 引入公共项目的依赖（要注册到nacos中心） <!--引入公共项目依赖 排除myb
阅读全文
posted @ 2021-06-02 22:34
努力的校长
摘要：###1、创建代码片段 文件--首选项--用户片段--新代码片段--（添加一个名字 回车） ###2、VUE基础模板内容（复制粘贴即可） 该模板内容包含： vue：生成vue页面基础结构 含template script style三部分 httpget：get方法 httppost：post方法
阅读全文
posted @ 2021-06-01 18:18
努力的校长
摘要：官方：https://element.eleme.cn/#/zh-CN/component/installation ###1、安装elementui依赖 npm i element-ui -S ###2、在main.js中导入ElementUI //导入ElementUI依赖 import Ele
阅读全文
posted @ 2021-06-01 17:25
努力的校长
摘要：###结构说明 ###1、在components中新建page1页面 1:组件三要素 <template> <script> <style> 2:<template>内编写要显示的内容 3：<script>内编写vue对象，可供模板使用 page1.vue <!-- 组件三要素 模板 js 样式 -
阅读全文
posted @ 2021-06-01 17:02
努力的校长
摘要：1、查看安装目录 npm config list(如果不存在 可以选择性安装cnpm vue webpack) 2、安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装vue npm install -g
阅读全文
posted @ 2021-05-31 22:58
努力的校长
摘要：<body> <!--3、定义id为app的div--> <div id="app"> <!--3)调用模板传递参数并通过v-on:show2调用vue对象的showindex方法--> <vue-div v-for="(item,index) in kcitems" :index="index"
阅读全文
posted @ 2021-05-31 19:22
努力的校长
摘要：slot：所谓插槽就是模板内嵌入模板 <body> <!--3、定义id为app的div--> <div id="app"> <!--使用组件和插槽实现view和model的渲染--> <vue-div> <!--vue-title模板 slot关联组件 v-bind绑定参数--> <vue-tit
阅读全文
posted @ 2021-05-31 18:53
努力的校长
摘要：<body> <!--3、定义id为app的div 调用自定义组件userinfo --> <div id="app"> <!--调用自定义组件userinfo 参数为u--> <userinfo v-for="user in users" :u="user"></userinfo> <!--调用自
阅读全文
posted @ 2021-05-31 17:46
努力的校长
摘要：###计算属性（computed） 1、做字符处理或者运算 2、为了将不经常变化的计算结果缓存起来，节约我们的 系统开销，可以想象为缓存 示例1 <body> <!--3：挂载vue对象--> <div id="app"> <!--方法的调用:从方法中重新执行得到数据--> <p>{{nowtime
阅读全文
posted @ 2021-05-30 21:40
努力的校长
摘要：###1、v-for <body> <div id="app"> <!-- v-for 遍历users集合，得到每一个对象和下标 --> <!-- :key 可以区分不同的数据 提高vue的渲染效率 必须是唯一值 --> <ul v-for="(user,index) in users" :key=
阅读全文
posted @ 2021-05-30 20:36
努力的校长
摘要：v-model view绑定model只针对于html的文本框、文本域、单选框、复选框、下拉框五个控件 ####1、文本框 <!DOCTYPE html> <html lang="en" xmlns:v-if="http://www.w3.org/1999/xhtml" xmlns:v-on="ht
阅读全文
posted @ 2021-05-30 17:39
努力的校长
摘要：###标签体取值：{{}}、v-text、v-html <body> <!-- 标签体取值 --> <div id="app"> <!-- {{}} 当网速慢时 会出现插值闪烁 --> {{msg}} </br> {{show()}} </br> <!-- v-text 不会解析html标签 -->
阅读全文
posted @ 2021-05-30 16:55
努力的校长
摘要：el:绑定元素 data：封装数据 methods：封装方法 ###1、点击事件绑定:v-on:click <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
阅读全文
posted @ 2021-05-30 13:31
努力的校长
摘要：###1、在Visual Studio Code中安装vue环境 1、初始化项目 新建一个vue-demo文件夹，使用vscode打开,选择这个文件夹，在终端中执行命令 初始化命令(表示这是一个npm来管理的项目)：npm init -y 安装vue环境：npm install vue npm in
阅读全文
posted @ 2021-05-30 12:54
努力的校长
摘要：###1、分别获取对象的key value、key+value <script> let person = { name:"lisi ", age:16, language:['java','vue'] }; //获取对象所有的key console.log(Object.keys(person))
阅读全文
posted @ 2021-05-30 12:22
努力的校长
摘要：###1、函数默认值的处理 <script> //ES6之前的写法 定义一个方法 有a b两个参数 function add1(a,b){ //如果b为空，则为b使用默认值1 b =b || 1; return a+b; } //调用add1方法，只给a参数传值 console.log(add1(1
阅读全文
posted @ 2021-05-30 12:17
努力的校长
摘要：###1、字符串操作 <script> //定义一个字符串 let str = "hello vue"; //判断字符串以什么开头 console.log(str.startsWith("hello")); //判断字符串以什么结束 console.log(str.endsWith("vue"));
阅读全文
posted @ 2021-05-30 12:13
努力的校长
浙公网安备 33010602011771号