如何简单的用JSP布局一个网上购物界面

Joel_Wu 2014-09-18 10:59:14

index首页---(经典布局。main区展现以下商品图片及商品名--幻灯片。a 热销商品(3*3) b 打折商品(3*3) c 推荐商品(3*3) 。left区展现：商品的当月销售排行（前5）。各个商品类别的超链接。网站公告（最新5条,可以浮动)。
top区（banner。用户名、密码，登录按钮。查看购物车。或是注销按钮。“添到收藏夹"。）

...全文

725 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

白开水MD5 2014-09-18

打赏
举报

回复

打开淘宝首页->CTRL+S保存下来-->把html、js、css放到自己的页面里然后修修改改，就可以看了

danglixing213 2014-09-18

打赏
举报

回复

1L好高端的方法

搬砖攻城狮 2014-09-18

打赏
举报

回复

2楼说的对，或者网上找模板

Defonds 2014-09-18

打赏
举报

回复

楼上的做法可以参考一下

一个用jsp做的购物小网站，实现了登陆注册，和购物，消费清算等基础功能，界面使用了div+css，可从中学习数据库连接，界面布局等网页编程知识

http://xidong.net/File001/File_59582.html 下载地址 servlet第0讲: 韩顺平 j2ee视频servlet第0讲开山.wmv 视频描述: 目前比较系统的j2ee视频教程比较少,我自己在学习和教授java ee的过程中，走过了许少弯路，历经彷徨和郁闷，希望把自己对java ee 理解记录下来，希望这部教程可以为学习java ee的同志们起到抛砖引玉的作用，让大家可以很快步入到java ee的殿堂. 韩顺平_j2ee视频实战教程servlet第1讲初识.wmv 视频描述: 我们将通过完成一个用户管理系统来讲解Servlet , 该项目用纯servlet来完成，是一个很好的练习servlet技术的案例.该项目的操作人员有两类:管理员 可以对用户进行增，删除，修改，查询普通韩顺平 j2ee视频实战教程servlet第2讲(上集).wmv 视频描述: (－) servlet体系结构的介绍(二) servlet的网络拓扑结构(三) servlet的几个实例(四) servlet的生命周期(五) 一个简单的用户登录系统韩顺平 j2ee视频实战教程servlet第2讲(下集).wmv 视频描述－) servlet体系结构的介绍(二) servlet的网络拓扑结构(三) servlet的几个实例(四) servlet的生命周期(五) 一个简单的用户登录系统韩顺平 j2ee视频实战教程servlet第3讲(上集).wmv 1.同一用户的不同页面数据共享1.1 cookie技术1.2 sendRedirect()转向1.3 隐藏表单1.4 session技术韩顺平 j2ee视频实战教程servlet第3讲(中集).wmv 视频描述:1.同一用户的不同页面数据共享 1.1 cookie技术 1.2 sendRedirect()转向 1.3 隐藏表单 1.4 session技术 2.servlet中如何操作数据库韩顺平 j2ee视频实战教程servlet第3讲(下集).wmv 视频描述 : 1.同一用户的不同页面数据共享 1.1 cookie技术 1.2 sendRedirect()转向 1.3 隐藏表单 1.4 session技术韩顺平 j2ee视频实战教程servlet第4讲.wmv 视频描述: 1 如何在servlet中显示图片 2 分页技术详解 3 用户登录系统功能改进韩顺平 j2ee视频实战教程servlet第5讲(上集).wmv 视频描述: (一) Cookie的讲解和使用 (二) Cookie和Session的比较 (三) 网站框架的改进(四) 用户登录系统功能改进韩顺平 j2ee视频实战教程servlet第5讲(下集).wmv 视频描述: (一) Cookie的讲解和使用 (二) Cookie和Session的比较 (三) 网站框架的改进 (四) 用户登录系统功能改进韩顺平 j2ee视频实战教程servlet第6讲(上集).wmv 视频描述: (一) ServletContext的讲解和使用 (二) servlet中如何操作文件 (三)增加网站计数器韩顺平 j2ee视频实战教程servlet第6讲(下集).wmv 视频描述: (一) ServletContext的讲解和使用 (二) servlet中如何操作文件 (三)增加网站计数器韩顺平 j2ee视频实战教程servlet第7讲(上集).wmv 视频描述: (一)美化管理系统界面,完善页面这个我们参考.doc文档进行 (二) 管理系统功能改进增加对用户的查找、增加、删除和修改的功能，这样我们这个用户登录系统就成了一个用户管理系统，而且是完全用servlet实现的. 韩顺平 j2ee视频实战教程servlet第7讲(下集).wmv 视频描述: (一)美化管理系统界面,完善页面这个我们参考.doc文档进行 (二) 管理系统功能改进增加对用户的查找、增加、删除和修改的功能，这样我们这个用户登录系统就成了一个用户管理系统，而且是完全用servlet实现的. 韩顺平 j2ee视频实战教程servlet第8讲.wmv 视频描述: tomcat的配置: 1.如何修改tomcat的端口 2.如何设置虚拟目录 3.如何给tomcat的管理员设置密码 4.如何设置数据源和连接池(公司常用!) ************************servlet部分完**************************** 韩顺平 j2ee视频实战教程jsp第1讲(上集).wmv 视频描述: (一) java EE核心十三种技术介绍 (二) java EE程序员修炼成精的法门(卖油翁的故事) (三) jsp版本的用户管理系统演示 (四) jsp的概述(基本语法) (五) jsp的运行原理(还是hello.jsp) (六) jsp版的计算器 6.1 jsp中如何使用js(javascript)和css技术.. 韩顺平 j2ee视频实战教程jsp第1讲(下集).wmv 视频描述: (一) java EE核心十三种技术介绍 (二) java EE程序员修炼成精的法门(卖油翁的故事) (三) jsp版本的用户管理系统演示 (四) jsp的概述(基本语法) (五) jsp的运行原理(还是hello.jsp) (六) jsp版的计算器 6.1 jsp中如何使用js(javascript)和css技术.. 韩顺平 j2ee视频实战教程jsp第2讲(上集).wmv 视频描述: (一) 在同一jsp页面提交和接收数据 (二) eclipse(myeclipse)开发工具 1.0介绍 1.1安装 1.2配置 1.3使用 (三) model1模式 (四) 一个简单的用户登录系统韩顺平 j2ee视频实战教程jsp第2讲(中集).wmv 视频描述: (一) 在同一jsp页面提交和接收数据 (二) eclipse(myeclipse)开发工具 1.0介绍 1.1安装 1.2配置 1.3使用 (三) model1模式 (四) 一个简单的用户登录系统韩顺平 j2ee视频实战教程jsp第2讲(下集).wmv 视频描述: (一) 在同一jsp页面提交和接收数据 (二) eclipse(myeclipse)开发工具 1.0介绍 1.1安装 1.2配置 1.3使用 (三) model1模式 (四) 一个简单的用户登录系统韩顺平 j2ee视频实战教程jsp第3讲(上集).wmv 视频描述: (一) 用户登录系统框架改进 1.0 model1(纯jsp)开发模式的反思 1.1 model1(结合java class)开发模式 (二) 用户登录系统框架再改进 2.1 mvc开发模式韩顺平 j2ee视频实战教程jsp第3讲(下集).wmv 视频描述: (一) 用户登录系统框架改进 1.0 model1(纯jsp)开发模式的反思 1.1 model1(结合java class)开发模式 (二) 用户登录系统框架再改进 2.1 mvc开发模式韩顺平 j2ee视频实战教程jsp第4讲.wmv 视频描述: (一)session技术讲解 (二)数据库中的用户名是中文名. 韩顺平 j2ee视频实战教程jsp第5讲(上集).wmv 视频描述: (一)美化管理系统界面,完善页面这个我们参考.doc文档进行 (二) 管理系统功能改进增加对用户的查找、增加、删除和修改的功能，这样我们这个用户登录系统就成了一个用户管理系统，并且使用mvc模式开发的。韩顺平 j2ee视频实战教程jsp第5讲(下集).wmv 视频描述: (一)美化管理系统界面,完善页面这个我们参考.doc文档进行 (二) 管理系统功能改进增加对用户的查找、增加、删除和修改的功能，这样我们这个用户登录系统就成了一个用户管理系统，并且使用mvc模式开发的。韩顺平 j2ee视频实战教程jsp第6讲预告.wmv 视频描述: 1.网上商城(mvc) 1.1购物车、用户注册、登录、验证码 1.2订单管理、后台、动态广告 1.3javamail 1.4javascript 1.5css/ajax 1.6文件上传下载 1.7网页如何布局(table+css)(div+css) 2. 项目分析、数据库设计、界面设计 3. 授课特点(主要使用dreamweaver设计界面) 4. 我的要求韩顺平 j2ee视频实战教程jsp第6讲(上集).wmv 视频描述: (一) 时尚购物网需求分析(二) 时尚购物网界面设计(三) 时尚购物网数据库初步设计 (四) 涉及到的开发工具和技术韩顺平 j2ee视频实战教程jsp第6讲(下集).wmv 视频描述: (一) 时尚购物网需求分析(二) 时尚购物网界面设计(三) 时尚购物网数据库初步设计 (四) 涉及到的开发工具和技术韩顺平 j2ee视频实战教程jsp第7讲(上集).wmv 视频描述: (一) 涉及到的开发工具和技术 (二) 继续开发，完善功能韩顺平 j2ee视频实战教程jsp第7讲(下集).wmv 视频描述: (一) 涉及到的开发工具和技术 1.div+css 布局 2.table+css 布局 3.混合布局,两种方式合用 (二) 继续开发，完善功能 1.显示货物具体信息 2.jsp中如何使用js的技术 3.首页面增加分页功能 4.用户登录、注册界面设计韩顺平 j2ee视频实战教程jsp第8讲(上集).wmv 视频描述: (一)继续开发，完善功能 1.将商品添加到购物车 2.将商品从购物车删除 3.清空购物车 4.修改购买商品的数量/计算总价 5.用户登录 6.显示用户信息【确认订单前】 7.购物流程设计(mvc[界面、控制器、模型]) 韩顺平 j2ee视频实战教程jsp第8讲(下集).wmv 视频描述: (一)继续开发，完善功能 1.将商品添加到购物车 2.将商品从购物车删除 3.清空购物车 4.修改购买商品的数量/计算总价 5.用户登录 6.显示用户信息【确认订单前】 7.购物流程设计(mvc[界面、控制器、模型]) 韩顺平 j2ee视频实战教程jsp第9讲(上集).wmv 视频描述: (一)继续开发，完善功能 1.用户登录功能实现 2.显示用户联系方式、订单情况 3.订单表的设计/订单的生成 4.发送电子邮件(javamail)到用户的信箱 5.购物流程设计(mvc[界面、控制器、模型]) (二)待完成的功能 1.后台商品管理 2.后台用户管理 3.用户注册功能 4.网站公告管理 5.网站最受用户欢迎的书籍（动态）韩顺平 j2ee视频实战教程jsp第9讲(中集).wmv 视频描述: (一)继续开发，完善功能 1.用户登录功能实现 2.显示用户联系方式、订单情况 3.订单表的设计/订单的生成 4.发送电子邮件(javamail)到用户的信箱 5.购物流程设计(mvc[界面、控制器、模型]) (二)待完成的功能 1.后台商品管理 2.后台用户管理 3.用户注册功能 4.网站公告管理 5.网站最受用户欢迎的书籍（动态）韩顺平 j2ee视频实战教程jsp第9讲(下集).wmv 视频描述: (一)继续开发，完善功能 1.用户登录功能实现 2.显示用户联系方式、订单情况 3.订单表的设计/订单的生成 4.发送电子邮件(javamail)到用户的信箱 5.购物流程设计(mvc[界面、控制器、模型]) (二)待完成的功能 1.后台商品管理 2.后台用户管理 3.用户注册功能 4.网站公告管理 5.网站最受用户欢迎的书籍（动态）

界面很友好的购物商城，界面简洁美观(仿造一号店)，功能实现，包括：登录，注册，商品列表，商品详情，加入购物车，提交订单等，运用了JS进行了很多前台的验证，同志们可以通过这个资源借鉴并合理运用JS以及CSS布局，相信你一定会有很大的提升。加油！

交易撮合系统是一套买卖信息沟通的平台，为您提供了一个完整的商品供应、商品需求的信息管理解决方案。交易撮合系统除了提供商品的供需信息，还提供的商品展示等功能。后台提供了用户管理、商品管理、帖子管理、文章管理，通过用户管理可以更改用户信用度、权限、是否琐定，通过帖子管理进行供求信息管理、交易撮合。系统特点：前台，用户可以进行比较购物，发帖不需要进行复杂的个人注册，只需添个邮箱地址，以便进行交易通知。技术支持：系统基于JAVA技术开发，可以跨平台，支持MYSQL数据库。快速搭建：只需简单设置，3分钟即可以建立一个功能完备的信息管理平台。操作简便：软件操作界面由专业设计人员设计，采用人性化的布局，界面规范，操作简捷。可扩展性：软件构架灵活，考虑未来功能扩充之需要，具有较强的可扩展性。完善的安全机制：代码严谨，防SQL注入。

交易撮合系统是一套买卖信息沟通的平台，为您提供了一个完整的商品供应、商品需求的信息管理解决方案。交易撮合系统除了提供商品的供需信息，还提供的商品展示等功能。后台提供了用户管理、商品管理、帖子管理、文章管理，通过用户管理可以更改用户信用度、权限、是否琐定，通过帖子管理进行供求信息管理、交易撮合。系统特点：前台，用户可以进行比较购物，发帖不需要进行复杂的个人注册，只需添个邮箱地址，以便进行交易通知。技术支持：系统基于JAVA技术开发，可以跨平台，支持MYSQL数据库。快速搭建：只需简单设置，3分钟即可以建立一个功能完备的信息管理平台。操作简便：软件操作界面由专业设计人员设计，采用人性化的布局，界面规范，操作简捷。可扩展性：软件构架灵活，考虑未来功能扩充之需要，具有较强的可扩展性。完善的安全机制：代码严谨，防SQL注入。

81,092

社区成员

341,718

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章