一、实验目标
(1)Web前端HTML
能正常安装、启停Apache。理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML。
(2)Web前端javascipt
理解JavaScript的基本功能,理解DOM。编写JavaScript验证用户名、密码的规则。
(3)Web后端:MySQL基础:正常安装、启动MySQL,建库、创建用户、修改密码、建表
(4)Web后端:编写PHP网页,连接数据库,进行用户认证
(5)最简单的SQL注入,XSS攻击测试
功能描述:用户能登陆,登陆用户名密码保存在数据库中,登陆成功显示欢迎页面。
二、实验步骤
(一)Web前端HTML
1.使用 service apache2 start 启动Apache,使用 netstat -aptn查看端口使用情况,可以看到80端口被Apache2监听。
2.在浏览器栏输入127.0.0.1,打开如图网页,说明启动Apache成功。
3.使用cd命令进入/var/www/html 目录,使用vim命令新建一个HTML文件【login.html】,并输入以下内容。
- 姓名:
- 密码:
Html网页如图。
(二)Web前端javascipt
1.在login.html文件添加如下内容:
{var bt=document.getElementById("bt");
bt.οnclick=function()
{if(document.myform.name.value=="")
{
alert("用户名不能为空!");
document.myform.name.focus();return false;