黑马旅游网学习记录（一）

黑马旅游网学习记录（一）

今天开始记录学习项目黑马旅游网的一个过程。写下此博客主要是为了记录自己的学习所得，如果对大家有什么帮助那也是极好的。

项目的运行和启动

1. 将压缩包解压，将里面的travel放到一个你自己觉得合适的路径。
2. 打开idea，从右侧工具栏中选择maven管理里面的加号，打开travel中的pom文件，这个时候maven会自动开始下载依赖，等待就好了。
3. 项目依赖下载好了以后，点击右侧maven项目中的依赖中的tomcat中的run进行运行，运行完毕后，会在终端输出访问地址，复制该地址，到浏览器中打开，就可以看到一个基本的界面了。

如上图所示，有一个访问地址，访问该地址就可以了。

最后的结果如下界面

这个界面关于验证码部分是已经做好的状态哟。

数据库的配置

我这里使用的软件是navicat。
首先创建一个travel的数据库。在navicat中，新建查询，输入语句

CREATE DATABASE travel;
use travel;

点击运行。

然后右击mysql，运行sql文件，加载travel.sql问价，再右击刷新一次就可以看到表了。

注册以及登陆的实现

这里主要讲一下添加的代码，首先是注册界面。在界面上，实现的功能是

1. 输入名字或者密码以后，能够进行校验
2. 点击提交后能够进行校验

	//首先是在register.html文件中进行修改
	//在head标签中新添加一个script标签
	//用户名的验证
	function checkUserName(){
   
	//要求：字符个数在8-20位之间，使用正则表达式进行限制
	var username = $("#username").val();//获取username的值
	var reg_username = /^\w{
   8,20}/;//正则表达式，限定长度为8-20之间
	var flag = reg_username.test(username);//判断
	if(flag){
   
	//如果通过，那就让该文本框正常显示
	$("#username").css("border","");
	}else{
   
	//如果不正常显示，就让边框变为红色
	$("#username").css("border","1px solid red");
	}
	//这里添加一个onload函数
	$function(){
   
		//当点击提交按钮时
		$("#registerForm").submit(function(){
   
		return checkUserName();
		//当焦点不再在username文本框上面的时候，开始进行验证。
		$("#username").blur(checkUserName);
		$("#password").blur(checkPassword);//这一行是密码那部分的。
	} 

//密码的校验，密码的校验和用户名的校验是一样的。
	
function checkPassword() {
   
				var password = $("#password").val()