WEB安全之PHP安全开发 博客系统(二):前台js登陆验证、套用模板主体修改登陆和后台样式

本文介绍了在PHP环境下实现前端JS登录验证,包括自动提交、空值检查及错误提示。同时,展示了如何套用和修改模板,如将logo.html转化为logo.php并定制内容。此外,还讲解了后台模板的调整,如将index.html改为主页,并根据需求简化管理界面。在遇到问题时,如登录失败的提示和样式调整,都给出了解决方案。
摘要由CSDN通过智能技术生成

WEB安全之PHP安全开发 博客系统(二):前台js登陆验证、套用模板主体修改登陆和后台样式

前台验证

  • 做自动提交
  • 点击登陆,自动提交
  • 如果等于false,不会提交
    在这里插入图片描述
  • true才会提交
    在这里插入图片描述
  • 以对象的方法获取值——账号,密码
  • 输入用户名为空,提示,重新返回焦点——username
  • 在这里插入图片描述
    在这里插入图片描述
  • 同样地
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 假若登陆成功,做一个跳转
    在这里插入图片描述
    在这里插入图片描述
  • 关闭conn
    在这里插入图片描述
  • 在这里插入图片描述
    在这里插入图片描述

模板的套用

  • 首先在网上搜索选择一个简单通用的文章系统模板
  • 链接: 字节网盘
  • 在这里插入图片描述
    在这里插入图片描述
  • 复制logo.html
    在这里插入图片描述
  • 复制到logo.php
    在这里插入图片描述
  • 页面已经发生变化
    在这里插入图片描述
  • 把内容修改成自己想要的
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 修改删除
    在这里插入图片描述
    在这里插入图片描述
  • 取消注释,移到前面
    在这里插入图片描述
  • 在这里插入图片描述
  • 此时提交无效,继续修改
    在这里插入图片描述
    在这里插入图片描述
  • 成功登陆
  • 输入错误密码,提示密码错误
    在这里插入图片描述
    在这里插入图片描述
  • 为空,也会提示不能为空
    在这里插入图片描述
  • 密码不能为空
    在这里插入图片描述
  • 套用成功,就可以删除logo.html

后台模板的套用

  • 把index.html改成main
  • 在这里插入图片描述
    在这里插入图片描述
  • 把admin删除
    在这里插入图片描述
    在这里插入图片描述
  • 管理类菜单
    在这里插入图片描述
  • 顶端
    在这里插入图片描述
    在这里插入图片描述
  • 底部
    在这里插入图片描述
  • 按需删减,做一个简单的系统
    在这里插入图片描述
    在这里插入图片描述
  • 删除一些不用的主页快捷操作
    在这里插入图片描述
    在这里插入图片描述
  • 在这里插入图片描述
    在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值