【小项目】简单博客系统(二)

上一个博客,基本上把整个博客系统完成了,还有一些细节需要完善

一、强制跳转

之前只是把博客列表实现了强制跳转,还有博客详情页、博客编辑页 需要实现这个效果

方法1:将强制跳转的代码复制粘贴(不推荐,代码冗余)

方法2:将强制跳转的代码单独放置在一个文件里,那个页面需要使用,就引用这个文件

于是,把强制跳转的代码,写进app.js这个文件里,让其他几个页面引用该文件,并调用

二、显示用户信息

每个用户的个人页面信息显示的应该是对应的内容

这里我登录的用户名的AmerisZ,但是这里显示的某某某(这是html里写死的内容)

所以我们希望能正常显示用户信息 

1.约定前后端交互接口 

 2.发送ajax请求

3.编写服务器请求,处理请求

4.在前端代码中编写,处理响应(将响应的数据,显示到页面对应的位置上)

再登录打开页面,发现用户数据(用户名显示出来了)

登录其他用户名字也会变换

详情页的用户的信息

也需要进行改进

1.约定前后端交互接口

2.发送Ajax 请求

3.编写服务器请求(处理请求,发送响应)

4.处理响应

打开浏览器查看效果

名字正确显示了

 三、退出登录

1.约定前后端交互接口

2.前端发送请求

这里不用写Ajax请求了,直接修改a标签里的

所有页面这里都要改

3.后端处理请求

四、博客编辑页

 

1.约定前后端交互接口

 2.编写前端代码 构造请求

3.编写服务器处理请求

写博客内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值