一.登录,用户管理
* x-admin的模板内容不要去修改,直接复制出来引用即可
* 1.复制X-admin的项目到web目录下
* 2.复制login.html文件到自己的html文件包里面
* 3.将所有的引入外部地址修改为绝对路径
* 4.将js通过外部文件引入,不要把js写在html里面
* --------------------------------
* 用户查询
* 1.复制页面,删除表格
* 2.复制layui里面的<table class="layui-hide" id="test" lay-filter="test"></table>
* 3.复制js table.render({
* 4.添加加载模板: let table = layui.table;
* 5.修改table.render({
* 6.再web端将得到的数据打印出来
* 7.用模板将需要修改的列展示出来
* ------------------------------------
* 今日知识点:
* 1.js的数据类型
* 2.js的定义
* 3.js的方法
* 4.js的数据传输 session
* 5.得到焦点
* 6.js的取值赋值
* 7.ajax调用后台
* 8.layui.msg 弹出提示信息
* 9.跳转页面
* 10.时间格式化
* 11.定时器
* 12.表单渲染
二.html+css基础
1.HTML 简介
Hyper Text Markup Language (超文本标记语言)
简写:HTML
HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,
通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画
面如何安排,图片如何显示等)
2.HTML 标签介绍
1.标签的格式:
<标签名>封装的数据</标签名>
2.标签名大小写不敏感。
3.标签拥有自己的属性。
i. 分为基本属性:bgcolor="red"
可以修改简单的样式效果
ii. 事件属性: οnclick="alert('你好!');"
可以直接设置事件响应后的代码。
4.标签又分为,单标签和双标签。
i. 单标签格式: <标签名 />
br 换行
hr 水平线
ii. 双标签格式: <标签名> ...封装的数据...</标签名
3.超链接
<!-- a 标签是 超链接
href 属性设置连接的地址
target 属性设置哪个目标进行跳转
_self
表示当前页面(默认值)
_blank
表示打开新页面来进行跳转
-->
4.列表标签
<body>
<!--需求 1:使用无序,列表方式,把东北 F4,赵四,刘能,小沈阳,宋小宝,展示出来
ul 是无序列表
type 属性可以修改列表项前面的符号
li 是列表项
-->
<ul type="none">
<li>赵四</li>
<li>刘能</li>
<li>小沈阳</li>
<li>宋小宝</li>
</ul>
</body>
5.img 标签
<body>
<!--需求 1:使用 img 标签显示一张美女的照片。并修改宽高,和边框属性
img 标签是图片标签,用来显示图片
src 属性可以设置图片的路径
width 属性设置图片的宽度
height 属性设置图片的高度
border 属性设置图片边框大小
alt 属性设置当指定路径找不到图片时,用来代替显示的文本内容
6.标签名选择器
标签名选择器的格式是:
标签名{
属性:值;
}
标签名选择器,可以决定哪些标签被动的使用这个样式。
<div>div 标签 1</div>
<div>div 标签 2</div>
<span>span 标签 1</span>
<span>span 标签 2</span>
7.id 选择器
id 选择器的格式是:
#id 属性值{
属性:值;
}
id 选择器,可以让我们通过 id 属性选择性的去使用这个样式。
8.class 选择器(类选择器)
class 类型选择器的格式是:
.class 属性值{
属性:值;
}
class 类型选择器,可以通过 class 属性有效的选择性地去使用这个样式。
9.组合选择器
组合选择器的格式是:
选择器 1,选择器 2,选择器 n{
属性:值;
}
组合选择器可以让多个选择器共用同一个 css 样式代码。
<div class="class01">div 标签 class01</div> <br />
<span id="id01">span 标签</span> <br /><div>div 标签</div> <br />
<div>div 标签 id01</div> <br />