[尚硅谷]_张晓飞_尚硅谷WEB书城.docx

“玩转”Java系列 ————————————————————————————— PAGE \* MERGEFORMAT31 【更多Java – Android 资料下载，可访问尚硅谷（中国）官网 HYPERLINK / 下载区】 尚硅谷WEB书城 WEB知识目录 HYPERLINK \l _WEB_QuickStart之后完成 HTML/CSS/JavaScript/JS DOM/jQuery WEB QuickStart XML HYPERLINK \l _2._Servlet之后完成 Servlet HYPERLINK \l _3._JSP之后完成 JSP HYPERLINK \l _4._EL表达式之后完成 EL表达式 HYPERLINK \l _5._JSTL之后完成 JSTL HYPERLINK \l _6._cookie与session之后完成 cookie与session HYPERLINK \l _7._My_tag之后完成 My tag HYPERLINK \l _8._filter之后完成 Filter HYPERLINK \l _10._文件上传下载之后完成 Listener HYPERLINK \l _10._文件上传下载之后完成 文件上传下载 HYPERLINK \l _11._I18N之后完成 I18N HYPERLINK \l _12._Ajax之后完成 Ajax HTML/CSS/JavaScript 之后完成 1.1. 完成应用的前台主页面: index.html 1). 使用DIV+CSS完成整体布局 2). 使用iframe标签实现主内容界面的动态显示 1.2. 完成注册页面: regist.html 1). 用户注册的Form表单: username/password/password2/email/注册提交按钮 1.3. 完成登陆页面: login.html 1). 用户登陆的Form表单: username / password /登陆提交按钮 1.4. 完成注册表单的javascript验证(使用Jquery) 1). 用户名: 长度为6到12位, 只能输入数字和英文和下划线 /^\w{6,12}$/ 2). 密码: 长度为6位, 只能输入数字和英文 /^[a-zA-Z0-9]{6}$/ 3). 确认密码: 必须与密码相同 4). 邮箱: 格式必须正确, 可以不输入 /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/ 1.5.总结 HTML+CSS+Javascript DIV iframe form table input a CSS: 选择器: 标签名/id/class 效果: width/height/backgroudcolor/font-size/float/border text-decoration /text-align Jquery 选择器 操作(CRUD, 事件) 正则表达式 Servlet之后完成 2.1. 分析web应用的结构 R Regist.html M Mysql bookstore users UserServiceBoolean regist(user){getUserByName(n) UserService Boolean regist(user){ getUserByName(n) //判断 addUser(user) } UserDao getUserByName(name) addUser(user) 浏览器 ServletdoPost()us.regist(u) Servlet doPost() us.regist(u) 注册 注册 Success.html Success.html error.html 获取请求参数username 封装成一个user对象 us.regist(user)?boolean 根据结果转向到成功或失败的页面 Struts2Spring Struts2 Spring db db DaoServiceServlet Dao Service Servlet JDBCUtils页面(html/jsp) JDBCUtils 页面(html/jsp) 实体类 Hibernate Hibernate 2.2. 搭建应用 1). 导入需要的jar包 2). 创建应用的包结构 com.atuigu.bookstore.servlet.client RegistServlet LoginServ