7.11 Java项目下午总结

上午的学习内容请查看:
http://www.jianshu.com/p/c64dcabb299e
之前在MyEclipse配置好服务器、建立好了Web项目

首先我们将服务器和项目关联起来:


2017-07-11.png
2017-07-11 (1).png
2017-07-11 (2).png

Finish即可。

start服务器:


2017-07-11 (3).png

或者debug启动服务器:

2017-07-11 (12).png

启动服务器后在Chrome浏览器的URL输入框中输入:
http://localhost:8080/HelloWorld

2017-07-11 (13).png

网页相应对应的jsp文件是:


2017-07-11 (14).png

若把This is my JSP page.替换为中文 刷新网页页面会导致页面显示乱码:

QQ图片20170711171335.png

解决编码问题方法查看:
http://blog.csdn.net/chszs/article/details/43113729
博客中的第7步,另外优化方法也最好都自己设置下。
另外老师建议,以后最好用utf-8编码方案!!!

优化过后老师建议删除原Web项目重建:

2017-07-11 (4).png

删除时注意打勾(将项目从硬盘上删除):


2017-07-11 (5).png

重新建立Web项目后中文显示正常:

2017-07-11 (15).png

另外,我们可以查看新项目的配置文件:

2017-07-11 (16).png
2017-07-11 (17).png

休息一会儿,我们来看下面的学习内容:

先看我们要达到的效果:

QQ图片20170711173612.png
QQ图片20170711173723.png

下面先进行jsp文件的编写:

QQ图片20170711174338.png

index.jsp文件就是服务器接收到客户端请求命令后默认加载的文件,以显示:

QQ图片20170711174605.png

index.jsp关键代码:

<body>
  
  <form id="form1" method="post" action="message" onsubmit="return check()">
      用户名:<input type = "text" name = "username"/>
      密码:  <input type = "password" name = "pass"/>
      <input type = "submit" value= "进入"/>
  </form> 
  
  </body>

其中check()相关为判输入合法与否函数:

<script type="text/javascript">
    function check() {
        reg=/^[a-zA-Z0-9_\u0391-\uFFE5]{3,10}$/; 
        if(form1.username.value.trim()==""){
            alert("请输入用于名");
            form1.username.focus();
            return false;
        }
    }
</script>

注意:该js脚本写在<head> 标签内部:

QQ图片20170711175256.png

index.jsp关键代码大致意思是:
添加相关输入、提交按钮元素后 post方法触发message动作,提交前先进行onsubmit="return check()" 以判断输入合法。

然后编写web.xml文件:

QQ图片20170711180041.png

其中的关键代码为:

<servlet>
    <servlet-name>mess</servlet-name>
    <servlet-class>com.zk.servlet.Message</servlet-class>
</servlet>
  
<servlet-mapping>
    <servlet-name>mess</servlet-name>
    <url-pattern>/message</url-pattern>
</servlet-mapping>

我理解此文件就是前端和后端联系的桥梁:
根据前端触发的message动作标识到mess(servlet-name)
再依据此对应到com.zk.servlet.Message(servlet-class)

我们再看com.zk.servlet包下的Message 文件:

QQ图片20170711180727.png

文件代码为:

public class Message extends HttpServlet{
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
    
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("登陆成功")  ;
        String name = req.getParameter("username");
        String pass = req.getParameter("pass");
        System.out.println("user " + name+" In");
        System.out.println(name + " 的密码是:  " + pass);
    }
}

注意编写时要善用ALT + / 快捷键以补全代码 和 import 相关文件!
文件就是用了写方法取出String 再进行了些打印动作。

总结下整个过程:
输入http://localhost:8080/HelloWorld/ 后显示index.jsp里面的内容。
前端index.jsp 默认提示输入用户名和密码,用户输入后点击进入按钮后 index.jsp 里面先判断输入是否合法 没问题后触发message动作
web.xml 文件用key-value逻辑讲前端*.jsp文件对应到后端 java文件。
message.java 使用一些函数方法提取String并打印。

建议下来稍微补下前端知识 有不理解的咱们在一群里再讨论,一起加油!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,738评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,377评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,774评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,032评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,015评论 5 361
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,239评论 1 278
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,724评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,374评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,508评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,410评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,457评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,132评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,733评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,804评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,022评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,515评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,116评论 2 341

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,537评论 18 399
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,566评论 18 139
  • 一. Java基础部分.................................................
    wy_sure阅读 3,784评论 0 11
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,714评论 6 342
  • 像我这样的数学白痴,真的没有几个了吧。 但凡能够用计算器的,从来不用脑,不是不想用,是不够用啊。害怕看到别人惊讶的...
    怂小憨阅读 186评论 0 1