2023.3.10学习日志

一.登录,用户管理

* 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 />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值