mongo数据库——购物网站搭建项目（文件创建+界面 ）

mongo数据库——购物网站搭建项目（文件创建 + html–>jsp）

Java + Eclipse + Tomcat + JavaScript + CSS + Mongo

第一步：建立文件

选择Dynamic Web Project

runtime若是没有，选择new runtime，选择tomcat9.0以及相关路径即可。之后next，finish。
这样就会出现文件目录如下图。

第二部 相关文件建立

这里会有大量源码。我只截取相关的代码，这里只简单介绍一下，具体的会在我的github上发布。

2.1 导入外部文件

2.1.1 导入css相关样式

将html所有相关的界面处理文件导入到文件夹WebContent下。可以直接选择拖拽。

2.1.2 导入jar包

这里一共使用了8个包：

• mongo-java-driver-3.4.3.jar：这是mongo的java驱动\

下面几个是将String转化为json的包

• commons-beanutils-1.7.0.jar
• commons-collections-3.2.1.jar
• commons-httpclient-3.1.jar
• commons-lang-2.3.jar
• commons-logging-1.1.1.jar
• ezmorph-1.0.3.jar
• json-lib-2.4-jdk13.jar

具体文件已经放到GitHub上了：https://github.com/michaelminger/mongo-

2.2 html处理

2.2.1 确立建立的界面

以下jsp在WebContent路径下创建。

1. index.jsp：主界面。
2. category.jsp:商品搜索界面。
3. single.jsp:单个产品界面
4. login.jsp:登录界面
5. registration.jsp:注册界面
6. cart.jsp:商品数据查看管理界面（主要是因为购物车界面便于修改）
7. Adding.jsp:商品数据添加界面
8. Update.jsp:商品数据更新界面
9. Delete.jsp:商品数据删除jsp动作

如下图：

2.2.2 html --> jsp

1. 将html文件对应名称复制到jsp中。（商品数据四个界面可以先不处理，后面会细讲）
2. Ctrl+F : 替换
   (.html)–>(.jsp)
   (men)–>(category):
   (register.)–>(registration.)
   针对具体文件而言，因为我category.jsp用的是men.jsp修改来的，所以会需要替换。
3. 修改或摘除最上面一栏不合适，或者美观的界面

上面步骤调试完就可以选择将文件进行Run On Server。单击相关链接，看能否跳转到对应界面。
不能的话查看哪个界面不能跳转，对上一个界面链接修改。

》》》》

下一篇会讲述如何实现login和register功能