通过使用html、css、js、jq、ajax、PHP等方法制作博客后台

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())使phpjsonechojsonencode(arr);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值