1、整体思维
1)首先要确定后台主要样式 通过bootstrap等网址制作美观的页面样式
2)然后需要明确后台所需要的主要功能例如:添加信息功能、更改博客信息功能、删除单条数据,批量操作功能
3)功能优化 例如 用户名、密码、手机号等输入框所需要的固定格式
2、注意细节点
1)从后台将数据发送到前段时需要注意将所展示tbody中的表格设置为动态表格
2)注意为编辑和删除按钮添加code事件 动态获取该条数据的id
3)确认删除功能获取code时
点击删除按钮时,获取当前内容的id并且将此id传到确认删除函数中
3、编写项目前未掌握知识点
1)在JQ中通过使用each方法进行遍历循环
2)通过使用append方法将动态数据添加到tbody中
3)通过使用code属性存储数据id
4、重要知识点
1)通过ajax方法将数据传输到后台
.
a
j
a
x
(
u
r
l
:
′
i
n
d
e
x
3.
p
h
p
′
,
t
y
p
e
:
′
g
e
t
′
,
d
a
t
a
T
y
p
e
:
′
j
s
o
n
′
,
d
a
t
a
:
′
n
a
m
e
′
:
n
a
m
e
,
′
p
a
s
s
w
o
r
d
′
:
p
a
s
s
w
o
r
d
,
′
p
h
o
n
e
′
:
p
h
o
n
e
,
′
s
e
x
′
:
s
e
x
,
′
b
i
d
′
:
b
i
d
,
,
s
u
c
c
e
s
s
:
f
u
n
c
t
i
o
n
(
r
e
s
)
i
f
(
r
e
s
=
=
′
1
′
)
c
o
n
f
i
r
m
(
′
请
确
认
是
否
执
行
操
作
′
)
a
l
e
r
t
(
′
操
作
成
功
′
)
c
h
a
x
u
n
(
)
)
需
要
使
用
一
下
方
法
将
p
h
p
页
面
的
数
据
通
过
j
s
o
n
数
据
返
回
到
前
端
e
c
h
o
j
s
o
n
e
n
c
o
d
e
(
.ajax({ url: 'index3.php', type: 'get', dataType: 'json', data: { 'name': name, 'password': password, 'phone': phone, 'sex': sex, 'b_id': b_id, }, success: function (res) { if (res == '1') { confirm('请确认是否执行操作') alert('操作成功') chaxun() } } }) 需要使用一下方法将php页面的数据通过json数据返回到前端 echo json_encode(
.ajax(url:′index3.php′,type:′get′,dataType:′json′,data:′name′:name,′password′:password,′phone′:phone,′sex′:sex,′bid′:bid,,success:function(res)if(res==′1′)confirm(′请确认是否执行操作′)alert(′操作成功′)chaxun())需要使用一下方法将php页面的数据通过json数据返回到前端echojsonencode(arr);