自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 SQL的主键和外键

1.定义主键和外键主要是为了维护关系数据库的完整性。总结一下:(1)主键是能确定一条记录的唯一标识。eg:一条记录包括身份正号,姓名,年龄。身份证号是唯一能确定你这个人的,其他都可能有重复,所以,身份证号是主键。(2)外键用于与另一张表的关联。是能确定另一张表记录的字段,用于保持数据的一致性。eg:A表中的一个字段,是B表的主键,那它就可以是A表的外键。2.主键、外键和索引的区别?3.数据库的主键,外键等之间的关系主键:一般情况下,满足第一范式的表都有一个主键Primary key,用于唯

2021-07-07 20:50:02 5591 2

原创 sql连接查询

1.内连接:一般都是默认的连接类型。内连接基于连接谓语,将两张表(假如有A表和B表)的列组合在一起,产生新的结果表。 内连接查询会将A表的每一行和B表的每一行进行比较,并找出满足连接谓语词的组合。当连接谓语词被满足,A表和B表中匹配的行会按列组合(并排组合)成结果集中的一行。2.***:注意(简化代码)--->Customers.CustomerID = c.CustomerID)(1)外联接--外联接select * from Customersselect * from Custom

2021-07-03 20:18:42 391

原创 聚合函数和分组查询

1.聚合函数(1)sum:总和(2)max:最大值(3)min:最小值(4)avg:平均值(5)count:某列或记录的行数列如:select sum(salary) as 总和, max(salary) as 最大值,min(salary) as 最小值, avg(salary) as 平均值 from Employees2.分组查询 GROUP BY(group by)子句(1)语法:GROUP BY 字段列表 (HAVING 条件表达式)(注意:“字段列表”表

2021-07-02 21:11:05 183

原创 函数的使用

1.字符串函数(1)charindex:返回字符串中指定表达式的起始位置(2)left:从左边开始,取得字符串左边指定个数的字符(3)len:返回指定的字符串(而不是字节)个数(4)replace:将指定字符串替换为另一指定的字符串replace(有效字符表达式, 定位要改的字符表达式, 替换表达式的有效表达式)(5)reverse:返回字符串表达式的反转reverse(‘反转表达式’)(6)right:从右边开始,取得字符串右边指定个数的字符(7)str:返回有数字数据转换来的字符串数据

2021-07-01 22:00:37 398

原创 SELECT 定制查询

1.算术运算符:SQL中最基本的运算符“ + - * / % ”2.比较运算符:测试两个表达式是否相同;除了text、ntext或image数据类型的表达式外,比较运算符可以用于所有表达式它的结果是布尔运算类型,true、false、unknown3种值,那些返回布尔数据类型的表达式被称为布尔表达式“ = <>或!= >= <= > < IS Null IS NOT Null ”3.逻辑运算符:在SQL中所有逻

2021-06-30 21:27:36 489

原创 Vue实现增删查

代码如下:<!-- V层 --> <div id="app"> <h1>添加商品</h1> <p>名称:<input type="text" v-model="name"></p> <p>价格:<input type="text" v-model="price"></p> <p>类别: .

2021-06-29 21:38:17 59

原创 表结构管理

1.关系(Relation):对应通常所说是一张表(一张表就是一个关系) --> 订单表2.元组(Tuple):表中的一行,即为一个元组,亦可称作“记录(Record)”;它可以标识实体集中的一个实体(表中任意两行元组不能相同) --> “DD201805200001 C100012018-5-20 19:20:45 322.50”3.属性(Attribute):表中的一列,即为一个属性,亦可称作“列(Column)”;每个属性可以请个名(列名不能相同) --> “订单号”、

2021-06-28 22:01:47 103

原创 数据库基础

1.数据库(DataBase,即DB):是指长期存储于计算机内的、有组织的、可共享的数据集合。简单而言,数据库就是按照数据结构来组织、存储和管理数据的仓库。2.数据库管理系统(DataBase Management Systerm,即DBMS):是位于用户和操作系统之间的管理软件,是数据库系统的核心。其主要功能–>数据库的创建于维护、数据定义、数据操纵和数据库的运行管理。...

2021-06-27 22:16:02 45

原创 数据表基本操作

DML:全称Date Manipulation Language,即数据操纵语言;还包括insect(插入)、update(更新)、delete(删除)、select(查询)(1)use [数据库]--向表中一次插入一条记录insert into 表名(字段列表1,字段列表2...字段列表N)values('字段列表1','字段列表2',...'字段列表N')select * from 表名(2)use [数据库]--向表中一次插入多条记录insert into 表名(

2021-06-26 22:00:24 74

原创 Vue实例

Vue应用的创建很简单,通过构造函数Vue就可以创建一个Vue的根实例,并启动Vue应用。语法如下:var vm=new Vue({ // 选项参数 });Vue的常用选项参数:【 说明:在Vue实例对象中,其中一个必不可少的一个选项参数就是el。el用于指定一个页面中已存在的DOM元素来挂载Vue实例,它可以是HTMLElement,也可以是CSS选择器。】...

2021-06-25 21:14:04 99

原创 js实现下拉框功能

body代码: <h3>请选择下拉框内容:</h3> 颜色: <select name="" id="proc"> <option value="">请选择水果颜色</option> </select> 水果: <select name="" id="city"> <option value="">请选择水果</option&gt.

2021-06-24 22:35:32 4528 1

原创 js实现内容增删操作

初学js是不是特别想知道,如何做到页面的增删功能呢?接下来,就让我们往下学吧!body代码:<textarea name="" id="say" cols="40" rows="5"></textarea> <input type="submit" value="发表说说" id="count"> <h2>说说列表:</h2> <div class="con"> <ul>&lt

2021-06-23 22:16:49 127

原创 js实现伸缩效果

是否看见其他网站上有伸缩功能就特别疑惑,还特别感兴趣呢,现在编编就带你们去了解使用js实现伸缩效果!!!CSS代码:*{ margin: 0; padding: 0; } li{ list-style: none; padding: 5px 0; } a{ text-decoration: none;

2021-06-22 21:32:24 658

原创 js实现css功能样式

代码如下:字体颜色切换: <select name="" id="on"> <option value="">请选择</option> <option value="red">红色</option> <option value="blue">蓝色</option> </select> <script src="../JS/jqu.

2021-06-21 22:21:20 113

原创 js实现时间倒计时

代码如下:<div id="time"></div> <div id="box"></div> <script src="../JS/jquery-3.3.1.min.js"></script> <script> // 当前时间 setInterval(function(){ // 声明时间 var time=ne.

2021-06-20 22:10:40 561

原创 简单显示当前时钟特效

有时候,自己会想制作一些“小玩意”解闷,比如:练习如何编写出显示当前电脑时间!练习如下=》代码字段: <div id="time"></div> <script> // 设置一个方法 function show(){ // 声明时间 var data=new Date(); // 生命年月日,时分秒 var year=data.

2021-06-19 21:32:40 117

原创 js验证邮箱和密码长度

初学js,这个是基本哦!!!body代码:<script> // 判断【邮箱为空】时,失去焦点事件blur() $("#e").blur(function(){ // 判断邮箱输入框是否为空 if($(this).val()==""){ //alert("请输入邮箱!"); $(this).css({ "

2021-06-18 21:34:59 740

原创 JS代码实现选项卡切换效果

CSS代码:*{ margin: 0; padding: 0; } ul li{ list-style: none; } #box{ width: 300px; border: 1px solid #ccc; margin: 30px; } #box ul li{.

2021-06-17 22:45:27 409

原创 使用js实现轮播图

CSS代码:*{ margin: 0; padding: 0; } #picBox{ position: relative; margin: 30px; width: 184px; height: 147px; } #picBox a{ position: absolute.

2021-06-16 22:21:48 71

原创 MVC改变默认主题

视图:<head> <meta name="viewport" content="width=device-width" /> <title>Show</title> @* 传输路径:@Url.Action("传输路径的方法") 指明样式类型:type="text/css" *@ <link href="@Url.Action("/Css")" rel="stylesheet".

2021-06-15 22:33:26 103 6

原创 EntityFramework的模糊查询语句

运用EntityFramework里面SQL语句编写模糊查询代码如下://获取【全部】数据 public static List<RankingList> GetRankings(string key = "") { using (MoviesEntities2 db = new MoviesEntities2()) { return db.RankingList.Inclu

2021-06-14 22:20:24 357

原创 @keyframes实现页面动画效果

CSS3动画本质上是增强的过渡。CSS3动画基于关键帧,动画的定义分两部分定义的。(1)使用 @keyframes 规则创建一个动画,用于定义应用动画的属性;(2)在样式声明时,使用 animation 及其相关属性调用关键帧以实现动画。使用@keyframes规则创建动画的语法格式:语法格式1:/*指定关键帧组的名字以方便后面调用*/ @keyframes 关键帧组名{ /*初始效果*/ from{起始样式属性值 } /*结束状态*/ to{ 结束样式属性值 } }语法格式

2021-06-13 21:48:30 1025

原创 Object对象和Data对象

1、Object对象的使用JavaScript 提供了一些非常有用的内部对象,按使用方式可分为两种:**1. 实例对象。**在引用该对象的属性和方法时,必须先使用 new 关键字创建一个对象实例,然后再使用“对象实例名 . 成员”的格式来进行访问。**2. 静态对象。**在引用该对象的属性和方法时不需要使用 new 关键字来创建对象实例,可以直接使用“类名 . 成员”的格式来进行访问。Object 对象提供了一种创建自定义对象的简单方式,因为它不需要开发人员定义构造函数。【 注意:对象的属.

2021-06-12 22:21:59 746

原创 三个定位的简单实例

想要实现当鼠标靠近就会显示盒子的内容,就例如代码如下:代码如下:(1)CSS* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; color: #000; } .box {

2021-06-11 21:50:43 72

原创 HTML实现页面过渡

1、过渡通过CSS3中过渡属性,可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。默认情况下,当过渡完成后,元素的外观会立刻回到初始状态。因此,大多数过渡成对出现:暂停状态的过渡和方向相反的反向过渡。在指定多个过渡应用属性时,过渡属性的值用“逗号”隔开。如果对全部属性都生效,那么则可以写为alltransition的语法:transition: 属性 持续时间 速度效果 延迟时间CSS3中过渡属性如下:代码如下:&l

2021-06-10 22:52:55 1765

原创 相对定位、绝对定位与固定定位的使用

(1)position:relative; 相对定位;它参考的是它【所在的位置】作为参考系进行定位,它的参考系也【不能改】(2)**position:absolute;**绝对定位;它默认以【浏览器的窗口】作为参考系定位,但是它的【参考系是可以改】。给它的父元素加一个相对定位。(3)position:fixed; :固定定位;它参考的是【浏览器的窗口】作为参考系进行定位,它的参考系【不能改】注意:有四个方向进行定位top 上left 左right 右bottom 下代码如下:.

2021-06-09 21:36:21 248

原创 页面过渡属性

使用过渡时,浏览器需要为每个样式属性计算初始值和最终值之间的中间值。可使用transition-timing-function 属性指定,其取值如下:代码如下:

2021-06-08 21:48:51 53

原创 作用域插槽的使用

什么是作用域插槽?其实就是带数据的插槽。父组件可以通过绑定数据传递给子组件,而作用域插槽可以通过子组件绑定数据传递给父组件。作用域的使用场景:既可以复用子组件的slot,又可以使slot内容不一致!代码如下: <div id="app"> <div> <emp-list :emps="empList"> <template slot="emp" slot-scop..

2021-06-07 21:51:51 537

原创 HTML颜色渐变效果

1、线性渐变创建一个线性渐变需要设置一个起始点和一个方向(指定为一个角度)的渐变效果,还要定义终止色,终止色是平滑过渡后的颜色。2、径向渐变CSS3径向渐变是圆形或椭圆形渐变。颜色不再沿着一条直线轴变化,而是从一个起点朝所有方向混合。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte

2021-06-06 21:27:56 1306

原创 使用弹性布局

弹性布局(也称为“伸缩盒子”或“弹性盒布局”)在 CSS3 中得到了进一步增强,为display属性添加了新值 flex, 并定义了一些新的属性。常用属性:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1

2021-06-05 20:40:02 130

原创 视口的使用

视口移动设备上的视口就是设备的屏幕能用来显示用户网页的那一块区域。具体地说,就是浏览器上用来显示网页的那部分区域。在页面加载时,可以使用meta标签设置浏览器的视口(viewport)的宽度。语法:<meta name="viewport“ content="width=device-width,initial- scale=1.0,maximum-scale=1.0, user-scalable=0" />属性:演示代码如下:实现效果如下:...

2021-06-04 20:46:27 139

原创 Vue的插槽

插槽,用于将所携带的内容插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。插槽显示不显示、怎样显示是有父组件来控制的,而插槽在哪里显示就由子组件来进行控制。 **<slot>标签**是组件内部的占位符!用户可以使用自己的标记进行填充。 用户通过定义一个或多个<slot>标签,可将外部标记引入到组件的虚拟DOM中进行渲染,相当于“在此处渲染用户的标记”。 插槽有两种使用方式:**默认插槽**和**具名插槽**!1、默认插槽声...

2021-06-03 22:51:35 66

原创 父组件和子组件的使用

子组件在父组件中注册的,只能在父组件中使用,准确一点的说,子组件只能在父组件的template中使用。代码如下:<div id="app"> <parent-component></parent-component> </div> <!-- 借助免费的CDN来引入vue.js文件 --> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.m

2021-06-02 21:50:09 281

原创 <script >和<template>标签的使用

Vue提供了两种方式在JavaScript中的HTML模板分离,分别是1、使用使用代码如下:<div id="app"> <m-comp></m-comp> </div> <!-- 使用<script>标签定义根模板 --> <script type="text/template" id="mComp"> <!-- div:外部容器,必须的 -->

2021-06-01 21:24:32 2623 1

原创 注册组件的使用

注册组件,又细分为“ 全局注册 ”和“ 局部注册 ”!1、全局注册在调用Vue.component()注册组件时,组件的注册是全局的,这意味着该组件可以再、在当前页面的任意Vue实例下使用。代码如下:<body> <div id="app1"> <h5>实例1</h5> <m-comp></m-comp> <b>-----------------------

2021-05-31 20:37:48 227

原创 v-for指令的使用

1、什么是v-for指令?v-for指令是基于一个数组来重复渲染的元素,通常用于显示列表和表格数据。需要每项提供一个唯一的key属性。v-for指令还可以遍历一个对象的属性,其中v-for指令可以提供第二个参数为property名称(也就是键名),还可以用第三个参数作为索引。v-for指令渲染列表时,它默认使用“就地更新”。这个默认模式是高效的,但是只适用于不依赖子组件状态或临时DOM状态(如表单输入值)的列表渲染输出。特殊语法:“ item in items ”,【 item:被迭代的数组元素的别

2021-05-30 21:34:40 9136

原创 使用JavaScript实现返回顶部的功能

代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>12-返回顶部</title> <script src="../JS/jquery-3.3.1.

2021-05-29 22:02:39 115 1

原创 Vue绑定内联样式

1、对象语法v-bind:style的对象语法十分直观——非常像CSS,但其实是一个JavaScript对象。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>V.

2021-05-28 20:24:10 305

原创 本地文件上传到GitHub仓库(菜鸟级别)

具体步骤:1、下载GitHub2、到GitHub上创建一个新仓库2、复制HTTP链接3、到要上传文件的内容面,点击“Git Bash Here”写上“git clone HTTP链接”,执行完成后,会在上传文件外会生成一个仓库4、5、将上传文件的内容复制到生成仓库文件夹里面6、到要生成仓库文件夹里面,点击“Git Bash Here”7、输入“git add .” (上传全部文件)8、执行完成后,输入“git commit -m “打上备注,写什么都行” ”9、输入

2021-05-27 23:00:44 540

原创 Vue绑定类样式

在Vue中对属性的绑定一般使用v-bind指令(可以缩写为“ : ”)。Vue绑定类样式:使用v-bind指令绑定类属性有两种语法:对象语法和数组语法。1、对象语法v-bind:class 接受参数一个对象,而且可以与普通对象的class属性共存。语法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c

2021-05-26 21:56:35 208

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除