正如严老师所说：“Java Web 的基础是建立在HTML这套标签的地基之上的”。所以学习Java Web 就要学习HTML的标签，开始对HTML的理解并不是很深，本以为作为程序员对HTML的重点掌握无非就是From表单，哦，对了，还有Table，<a herf=””>，文档的格式<head><body>等等等等，而对于CSS，更觉得这对于作为程序员的我们没有什么太大的必要，那些事情完全是由美工来做的，而对于Javascript则觉得他应当是与vbscript一个时代的脚本语言，其作用无非是给页面添加一些花哨的动态效果没有什么实际意义，但是当我接触到更多的新技术如AJAX的时候便觉得我所掌握的远远不够，对于AJAX而言你学要知道每个细节从而能够设计出既美观又具有人性化的用户界面。而AJAX所以依托的基础便是Javascript、CSS、HTML、XML，其思想在于使用XMLHttpRequest实现异步调用把数据偷偷的下载到客户端从而使得用户无需刷新界面从而得到更好的上网体验，此三种技术在AJAX中发挥的淋漓尽致。这才知道那本OReilly的 “Javascript犀牛书”并不是盖的。这三个基础性的东西还是学要好好的学习，老的技术相结合也能焕发出新的光彩。
二、 TomCat
总觉的这是一个让人头疼的东西，学习的时候常需要给他进行很多项配置，首先是虚拟路径，在server.xml文件夹下加上<Context path=”/test” docBase=”F：\dwb”>，有一次给同学安装Tomcat6.0把Tomcat5.5里面老师写好的server.xml直接粘贴到了Tomcat6.0的cong文件夹下竟不能运行，这才知道版本不同随便粘贴后果是很可怕的，还是老老实实的把<Context path=”/test” docBase=”F：\dwb”>这句话粘贴上才是。东西有时命名目录里的东西已经更改了，TomCat也已经重新启动了，但网页上显示的依旧是以前的东西，还得把C:\Program Files\Apache Software Foundation\Tomcat 5.5\work\Catalina\localhost\这个目录下的虚拟路径删掉（如经典的test目录）。在做第9、10、11章的例子的时候还要把WEB-INF文件夹放到虚拟目录的根目录下否则会找不到WEB-INF文件夹，总之问题多多，问题越多，自己的经验也就越多。
三、 JSP基本语法
1、 <% %>在jsp页面中插入Java代码，<%= %>表达式输出语句
2、 JSP指令和动作：指令主要是<%@page %>、<%@include %>；动作主要是<jsp:forward>、<jsp:include>、<jsp:usebean>、<jsp:setProperty>、<jsp:getProperty>
3、 四种属性的作用域page、request、session、appliction,一个比一个大，page只对当前页面有效，request是在两个页面跳转的时候包括服务器端的跳转，seesion只要浏览器不关闭，属性一直存在。Appliction只要服务器（如Tomcat）不关闭它一直都存在
总之我感觉JSP的基本语法还是很简单的无非就是几个标签指令什么的，稍需要注意的是<jsp:forward>是服务器端的跳转URL地址不变，<%@include %>、<jsp:include>主要是包含静态和动态的区别。
四、 JSP内置对象
Request：主要作用接受表单传来的数据，
Response：主要是可以像客户端发送头部信息和重定向sendRedirect
Out：输出一些东西
Exception：一些异常信息
Config：这个对象比较厉害，它能获得web.xml中的许多信息，如<application>中的值，<servlet>中的parm值等
Session和applicition对象主要是用他们的setAttribute和getAttribute方法存取一些属性值，不同之处在于他们的作用域
五、 JDBC
与数据库进行连接，这是学习程序的重头戏，但也不是很难，主要是记住连接数据库的一些流程
1、 Class.forName（驱动程序字符串）
主要有四种驱动方式，字符串也各不相同，我们常用的是连接access的jdbc odbc bridge字符串为sun.jdbc.odbc.jdbcodbcdriver
2、 DirverManger.getConnection（DBURL）
DBURL字符串为 Jdbc:odbc:数据源名称
3、新建statement对象
4、执行exectuQuery或exectuUpdata方法
5、逆序关闭数据库
六、结语：设计模式 与开发框架
DAO模式已经过时了，现在的主流模式是MVC；其中主要用了servlet充当控制层， 还需要在web.xml中配置servlet映射，它主要是起到数据控制流向的作用，现在说有主流的框架都是使用MVC模式，如SSH，但是这些框架都没有想微软vasual Studio那样的可是控件（虽然JavaBen是一些可复用的类），2005年推出的JSF开发框架弥补了这一缺陷，相信在未来作为SUN官方标准推出的JSF开发框架可能会成为主流框架，因为ESRI的ArcGIS Server就是依托于JSF框架开发的产品，相信JSF会成为以后开发框架的主流！
这里整理了一份web前端学习路线的思维导图以及需要掌握和学习的内容： 第一阶段：专业核心基础阶段目标：
1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。
2. 熟练运用HTML+CSS特性完成页面布局。
4. 熟练应用CSS3技术，动画、d性盒模型设计。
5. 熟练完成移动端页面的设计。
6. 熟练运用所学知识仿制任意Web网站。
7. 能综合运用所学知识完成网页设计实战。
知识点：
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、d性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。
第二阶段：Web后台技术阶段目标:
1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。
2. 熟练掌握JavaScript的基本数据类型和变量的概念。
3. 熟练掌握JavaScript中的运算符使用。
4. 深入理解分支结构语句和循环语句。
5. 熟练使用数组来完成各种练习。
6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。
7.DOM和BOM实战练习和H5新特性和协议的学习。
知识点：
1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。
2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。
3、BOM *** 作和DOM *** 作。熟练使用BOM的各种对象、熟练 *** 作DOM的对象。
4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。
第三阶段：数据库和框架实战阶段目标：
1. 综合运用Web前端技术进行页面布局与美化。
2. 综合运用Web前端开发框架进行Web系统开发。
3. 熟练掌握Mysql、Mongodb数据库的发开。
4. 熟练掌握vue.js、webpack、elementui等前端框技术。
5. 熟练运用Node.js开发后台应用程序。
6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。
知识点：
1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。
2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。
3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。
4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。
第四阶段：移动端和微信实战阶段目标：
1.熟练掌握React.js框架，熟练使用React.js完成开发。
2.掌握移动端开发原理，理解原生开发和混合开发。
3.熟练使用react-native和Flutter框架完成移动端开发。
4.掌握微信小程序以及了解支付宝小程序的开发。
5.完成大型电商项目开发。
知识点：
1、React面向组件编程、表单数据、组件通信、监听、生命周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。
2、react-native、开发工具、视图与渲染、api *** 作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
3、微信小程序基本介绍、开发工具、视图与渲染、api *** 作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。
相关配套视频教程邀您移至B站搜索尚学堂，免费教程随你挑！欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）