欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

黑马旅游网(一)

程序员文章站 2022-04-03 21:41:41
...

总结

这一些天一边学者Redis、一边学着做一个网站后端(前端代码是从网上找的,后端代码自己有视频),本来想着利用javaEE和maven整合在一起,可是在我idea上一直出错,不知道如何解决了(我感觉我真的尽力了,我感觉这是我遇到最难的BUG了)我把这个BUG的内容写出来,知道怎么解决的同学可以私聊我,非常感谢!!

黑马旅游网(一)

接下来,我就从头开始,从之前的方式,建立一个最基本的webapp项目,然后不停的导入各种jar包,虽然也顺利的完成了,但是感觉心里面还是有一道坎,尽力而为吧!

创建数据库

开始我们的正题,编写一个旅游网的案例,这也是对我这两年的总结,然后我再去学一些框架,这就是大学期间整体的规划。第一步就是数据库阶段,分析数据库:

黑马旅游网(一)

 首先就是建立这个数据库,将各种数据导入即可,有需要的可以留言!然后就是建立项目把所有的前期准备做好,就是搭建环境,具体的包名如下:

黑马旅游网(一)

 一切工作准备就绪,开始编码吧!!!

第一个功能:登陆注册

 又开始登陆注册,我之前写过若干个登陆注册的逻辑,但是都是比较简单的,这次写个完整的登陆注册。

注册:

注册界面就要对每个输入框进行相应类型判断 ,用正则表达式来判断用户输入的数据是否符合规范。

典例:

<Script>

//校验用户名
        function checkUsername() {
            //1、获取用户名
            var username = $("#username").val();
            //2、定义正则
            //易错点  不需要给正则加双引号
            var reg_username = /^\w{8,20}$/;
            //3、用户名和正则比较
            var flag = reg_username.test(username);
            if (flag) {
                $("#username").css("border", "");
            } else {
                $("#username").css("border", "1px solid red");
            }
            return flag;
        }



//当界面加载完成后 才会执行这个函数
        $(function () {

            //当点击submit时,如果submit中的函数的返回值为空或者为true提交表单  否则不提交表单
            $("#registerForm").submit(function () {
				//如果表单验证成功  则发送ajax请求
                if (checkUsername() && checkPassword() && checkEmail()){
                    //registServlet  提交的URL地址
                    //$("#registerForm").serialize()  对表单进行序列化 变成a=1&b=2的形式
                    //function (data)  服务器相应回来的数据处理函数  data就是服务器返回的信息
                    $.post("registUserServlet",$("#registerForm").serialize(),function (data) {
                        //处理data信息
                    })
                } else {
                    return false;
                }
            });


            //当用户名框失去焦点时 也会自动校验 注意传递的时函数地址 checkUsername
            // 如果是这样的话就会执行函数
            $("#username").blur(checkUsername);
            $("#password").blur(checkPassword);
            $("#email").blur(checkEmail);
        });

</Script>

今天下午就是把这个环境搭建起来,写完前端的数据校验,自己还遇到一个BUG,这个BUG自己之前知道存在,但是不知道他的表现形式,今天见到了,搞了好久。

我本来想对response进行进行编码设置,就在filter文件中写了这样一句话

response.setContentType("text/html;charset=utf-8");

结果是:我所有的js、css代码都不起作用了,显示最原始的htnl代码

我之前就知道这个错误,今天遇到之后,自己百度了好多方式,刚开始自己还以为自己的前端代码有问题,找了很久,没有发现错误,最后还是在浏览器中按F12,看到了是这个错误,自己才恍然大悟,原来如此,然后我就把这句话给注释了,然后就没有问题了,这几天经历了好几个BUG,感觉自己还是技术不行,有的错误自己能处理,有的错误还真的处理不了。有时感觉自己就像小孩子一样,当遇到自己处理不了的问题,就会沮丧,不高兴;但是凭借着自己的尝试,不断的百度,解决了这个问题,自己就会特别的开心,然后会更有动力的去学习。这就我最近学习的一点点感悟吧!临渊羡鱼,不如退而结网,加油!