Web应用开发技术
渣渣的夏天
意静不随流水转,心闲还笑白云飞。
展开
-
基于MVC用JSP/Servlet实现JPetStore——基本任务1(商品展示业务模块)
基于MVC用JSP/Servlet实现JPetStore1.商品展示业务模块,包括大类Category、小类Product和具体商品Item的展示和搜索功能。1.1 大类Category 大类Category先实现Category.jsp进行大类的具体展示,利用jsp中c:foreach语法对每个大类进行展示,具体类的ID利用a标签进行跳转到小类进行查看,接下来实现domain层的Ca...原创 2019-08-02 20:19:35 · 1832 阅读 · 0 评论 -
基于MVC用JSP/Servlet实现JPetStore——基本任务2(用户管理业务模块)
基于MVC用JSP/Servlet实现JPetStore2.用户管理业务模块,包括用户注册、登录、修改用户信息、查询用户相关订单等业务功能。2.1 用户注册 用户注册时,需要一个全新的包含用户所有信息的输入界面即NewAccountForm.jsp,之后需要先进行设计NewAccountFormServlet,该Servlet的功能仅为实现用户点击注册后跳转用户输入新账号信息的表格,...原创 2019-08-02 20:30:26 · 1402 阅读 · 0 评论 -
基于MVC用JSP/Servlet实现JPetStore——基本任务3(订单管理模块)
基于MVC用JSP/Servlet实现JPetStore订单管理模块,包括购物车管理、新增订单、地址信息等业务功能。3.1 添加商品到购物车 先实现Cart.jsp,能够在网页显示购物车栏目信息,接下来具体实现Cart.java使得用户可以创建Cart类,最后创建AddItemToCartServlet,当用户在浏览商品界面时,点击Add to Cart时可以将该商品加入到购物车...原创 2019-08-02 20:41:42 · 2298 阅读 · 0 评论 -
基于MVC用JSP/Servlet实现JPetStore——扩展任务1(验证码功能)
基于MVC用JSP/Servlet实现JPetStore添加验证码功能:在用户注册和用户登录模块中添加验证码功能。1.1 界面截图1.2 基本原理 先设置字符表即26个字母和各个数字,接下来利用字符表产生随机验证码,同时随机产生120个干扰点(点数适合即可,具体没有特别要求),产生图像,画背景,在不同高度输出验证码的不同字符,设置设置浏览器不要缓存此图片,然后创建内存图像并获...原创 2019-08-02 20:46:41 · 1179 阅读 · 3 评论 -
基于MVC用JSP/Servlet实现JPetStore——扩展任务2(日志功能)
基于MVC用JSP/Servlet实现JPetStore日志功能:数据库中添加日志信息表,给项目添加日志功能,用户登录后记录用户行为,比如浏览了哪些商品、将商品添加进购物车、生成订单等。2.1 截图展示2.2 记录内容 用户账号、跳转时间、当前操作页面的网址、具体操作页面的名字、操作的商品信息、设计者自定义的具体操作说明。2.3 记录实现方法 利用Log.java和HTT...原创 2019-08-02 20:49:50 · 1560 阅读 · 0 评论 -
Jpetstore——使用AJAX和jQuery改善用户体验1(账号管理模块)
Jpetstore——使用AJAX和jQuery改善用户体验账号管理模块。在新建账号信息页面上使用AJAX进行表单验证,实现“判断用户名是否已存在”功能。实现方法: 首先在jsp页面中使用传统的HTML绑定方法使得其能够运行js事务即检测用户名是否已存在,接下来在js代码中通过XML异步通信技术,将该用户名传到servlet中调用业务逻辑功能访问数据库判断该有户名是否已存在,从serv...原创 2019-08-02 20:56:17 · 1411 阅读 · 0 评论 -
Jpetstore——使用AJAX和jQuery改善用户体验2(查询商品模块)
Jpetstore——使用AJAX和jQuery改善用户体验查询商品模块。在主页面右上角的查询商品功能中添加自动补全功能。实现方法: 查询商品的自动补全功能基本设计流程是一样,本功能的难点在于js中对搜索到的结果的样式和事务处理。 首先在jsp中引入该js文件,接下来js中首先进行获取搜索关键字,然后通过servlet层获取所有的结果,并将结果以字符串的形式返回到js中,最后,...原创 2019-08-02 20:59:11 · 1378 阅读 · 0 评论 -
Jpetstore——使用AJAX和jQuery改善用户体验3(购物车模块)
Jpetstore——使用AJAX和jQuery改善用户体验3(购物车模块)购物车模块。在购物车模块中修改购买数量时,通过AJAX修改购物车信息,而不再要求用户点击更新按钮才能更新商品信息。实现方法: 购物车修改数量功能改善前是需要用户点击更新按钮,商品相关信息才会更新。通过AJAX功能改善后用户在数量框输入相应数量后,鼠标离开输入框,商品相对应的数量、总价等信息即会发生改变。 ...原创 2019-08-02 21:02:41 · 1718 阅读 · 0 评论 -
Jpetstore——使用AJAX和jQuery改善用户体验4(商品展示模块)
Jpetstore——使用AJAX和jQuery改善用户体验4(商品展示模块)商品展示模块。在首页展示商品的图片上添加AJAX效果,即当鼠标移到某个商品图片上时,用悬浮窗展示该类型商品的信息,鼠标移开时悬浮窗隐藏。效果图:实现方法: 商品展示模块的悬浮窗效果就是对jsp中的一个元素当鼠标移动到上时进行显示操作,鼠标移开后进行隐藏操作,同时利用AJAX异步通信显示对应的信息。...原创 2019-08-02 21:07:02 · 1456 阅读 · 0 评论