php基础教程之综合练习2
1.2 项目的用例图http://s4.运维网.com/wyfs02/M00/8C/93/wKioL1hwgu_h_pvCAABzqxDB28Q652.png
1.3 用户登录
用户登录成功后跳转到商品显示页面
1.3.1 设计界面
新建一个login.php页面，用来做用户的登录
http://s1.运维网.com/wyfs02/M01/8C/97/wKiom1hwgzGSJLnSAAANdeOuniU826.png
1.3.2 登录业务原理
通过输入的用户名和密码查询到对应的记录，表示登录成功，否则登录失败。SQL语句如下：
select * from `user` where username='aa' and `password`='aa'
1.3.3 业务逻辑的实现重点
$mysqli -> connect_error返回连接错误的原因
$res->num_rows：用来显示结果集的记录数
在PHP中用header()头跳转,语法：header('location:URL地址 ');
代码如下：
http://s4.运维网.com/wyfs02/M01/8C/93/wKioL1hwhNCC0j6DAACr-KthqIo405.png
1.5 管理员管理之添加商品
1.5.1 界面设计
在admin文件夹下添加add.php页面，用来实现添加商品的功能，界面设计如下：
http://s4.运维网.com/wyfs02/M02/8C/97/wKiom1hwhl-goRzDAAAW5jLahzw888.png
1.5.2 回顾js的对象
1、 HTML对象，就是HTML标签
2、 脚本对象
a) String：字符串
b) Math：数学
c) Date：日期
3、 浏览器对象
a) Window对象
b) History:历史
i. History.back()= history.go(-1)
ii. History.forward() = history.go(1)
iii. History.go(数字)
c) location
i. 属性:location.href=’地址’
ii. 方法：
1. Location.assign(‘地址’)
2. Location.reload(‘地址’)
3. Location.replace(‘地址’);
1.5.3 回顾页面跳转的方法
1、 HTML跳转
a) 标记
2、 PHP跳转
a) Header(‘location:url地址’);
3、 Js跳转
a) Location对象
属性
描述
例题
href
通过属性跳转，可以返回
Location.href=’admin.php’
方法
assign
通过方法跳转，可以方法
Location.assign(‘admin.php’)
reload
可以实现跳转，可以返回。一般用他做刷新
Location.relaod(‘admin.php’)
Location.realod()刷新
Replace
跳转，不能返回
Location.replace(‘admin.php’);
1.5.4 Add.php页面的返回功能
http://s1.运维网.com/wyfs02/M02/8C/93/wKioL1hwhtegyBMkAAATKvmtz7E912.png
1.5.5 Add.php页面验证表单
回顾用到的知识点：
1、 onsubmit：当表单提交的时候
2、 onsubmit=’return false’：终止向服务器提交
function sub(){
var name=document.getElementById('name');
//验证姓名
if(name.value==''){
alert("请输入姓名");
name.focus();
return false;
}
var sex=document.getElementById('sex');
//验证性别
if(sex.value==''){
alert("请输入性别");
sex.focus();
return false;
}
var add=document.getElementById('add');
//验证地址
if(add.value==''){
alert("请输入地址");
add.focus();
return false;
}
var score=document.getElementById('score');
//验证分数
if(score.value==''||isNaN(score.value)){
alert("分数只能为数字");
score.focus();
return false;
}
}
当表单提交的时候，调用验证表单的方法
http://s1.运维网.com/wyfs02/M00/8C/93/wKioL1hwh9iBel_jAAAO4RJfJrI269.png
1.5.6 添加商品的业务逻辑
页:
[1]