01 2023 档案
摘要：拆表查询 查询父子信息，将一张表拆成两张看待进行查询 -- 查询父子信息:把一张表拆成两张表 SELECT a.`categoryname`AS '父栏目',b.`categoryname` AS '子栏目' FROM `category` AS a, `category` AS b WHERE a
阅读全文
摘要：联表查询 大概 同时显示多个表的数据进行查看或者合并 从多张表中查取需要的信息 /* 分析需求，分析查询字段来自那些表格 确定使用那种连接查询 确定交叉点 判断的条件 */ 查询参加考试的同学 -- 查询参加考试同学（学号，姓名，编号，分数） /* 分析需求，分析查询字段来自那些表格 确定使用那种连
阅读全文
摘要：数据库查询操作 简单查询 SELECT * FROM student -- 查询全部学生 -- 查询指定字段 SELECT `studentno`,`studentname` FROM student -- 别名 SELECT `studentno` AS 学号,`studentname`AS
阅读全文
摘要：条件渲染 根据不同的条件进行相应的操作 v-show 当v-show=“false”该结构不在页面上显示 使用v-show做条件渲染 <h2 v-show="false">欢迎来到{{name}}</h2> <h2 v-show="false">欢迎来到{{name}}</h2> v-if v-if
阅读全文
摘要：绑定样式 分为绑定class与绑定style 首先创建css属性 <style> .basic{ width: 400px; height: 100px; border: 1px solid black; } .happy{ background-color: #4158D0; background
阅读全文
摘要：监视属性与计算属性对比 监视属性简写 watch:{ //正常写法 /* isHot:{ handler(newvalue,oldvalue){ //当isHot改变的时候调用 console.log("ishot change",newvalue,oldvalue) } }, */ //简写
阅读全文
摘要：监视属性 普通写法，监视天气 <body> <div id="root"> <h2>今天天气很{{info}}</h2> <button @click="isHot = !isHot">change</button> </div> </body> <script type="text/jav
阅读全文
摘要：计算属性 姓名案例 一个 姓（输入框） 一个 名（输入框） 一个 姓名的汇总 插值语法 利用model属性，将firstname与lastname双向绑定 在页面修改时也会在第三行汇总修改 <body> <div id="root"> 姓:<input type="text" v-model="fi
阅读全文
摘要：事件处理 使用v-on：xxx或者@xxx绑定事件，xxx是事件别名 在methods对象中配置回调函数 在methods中配置函数时，不要使用箭头函数 click事件 点击事件，点击对应的标签或者按钮会产生一个事件 @click='demo' 和@click='demo($event)'效果一致，
阅读全文
摘要：数据代理 通过一个对象代理对另一个对象中属性的读或写操作 object方法 <body> <script type="text/javascript"> let number =18 let person ={ name:'gugu', sex:'man', } Object.defineP
阅读全文
摘要：mvvm模型 <!-- MVVM模型 1. M：模型model：data中的数据 2. V：视图：模板代码 3. VM：视图模型：Vue实例 发现： 1. data中的所有属性，最后都出现在vm身上 2. vm身上的所有属性，及vue原型上的所有属性，在vue模板中都可以直接使用 --> <div
阅读全文
摘要：外键 创建表的时候添加外键 太多了 不想写了 注意 删除有外键关系的表时，必须要先删除引用别人的表，才能删除被引入的表 修改表时添加外键关系 ALTER TABLE `student` ADD CONSTRAINT `FK_gradeid` FOREIGN KEY(`gradeid`) REFERE
阅读全文
摘要：创建数据库表 -- AUTO_INCREMENT自增 -- 字符串使用单引号括起来 -- PRIMARY KEY主键 ，一般一个表只有一个唯一的主键 CREATE TABLE IF NOT EXISTS `student`( `id` INT(4) NOT NULL AUTO_INCREMENT C
阅读全文
摘要：数据库的列类型 数值 tinyint 十分小的数据 一字节 smallint 较小的数据 二字节 int 标准的整数 四字节 bigint 较大的数据 八字节 float 浮点数 四字节 double 浮点数 八字节 decimal 字符串形式的浮点数 金融计算数据 字符串 char 字符串固定大小
阅读全文
摘要：数据绑定 单向绑定 <div id="root"> 单向数据绑定：<input type="text" v-bind:value="name"><br> </div> <script> new Vue({ el:'#root', data:{ name:'gugu' } }) </script>
阅读全文
摘要：vue模板语法 插值语法 功能：用于解析标签体内容 写法：{{xxx}},xxx是js表达式，可以直接读取到data的所有属性 指令语法 功能：用于解析标签（包括：标签属性，标签体内容，绑定事件...） 举例：v-bind:href="url"或者简写为:href="url" 备注：vue中有很多的
阅读全文
