项目历程

        1.对整个网页进行页面设计 Axure mockitt

        2.静态网页 Html Css Javascript 

        3.动态网页 与用户的交互窗口 Jsp

        4.创建数据库并且连接数据库 Mysql Navicat Javabean Servlet eclipse

目录

项目历程

第一阶段  网页设计

需求分析

系统功能结构图

业务实体的属性和操作

第二部分 静态网页设计

筛选区 科普区 讨论区 商品参数区

第三部分 动态网页

动态网页主要实现的与服务器互动

筛选区互动功能核心代码段

jsp处理提交的表单

建立数据库数据表

第四部分 实现所有与数据库连接的功能

建立数据库并与数据库连接

实现所有需要数据库连接的功能

总结部分 

整个过程中由于能力的原因我们并没有使用什么框架  太菜了实在是   这里放个链接 是整个项目的文件 

项目目录

第一阶段  网页设计

需求分析

• 市面上的电脑品类众多，类型复杂，小白在选购电脑时很难做到让电脑的各项指标都符合心意。同时跨平台选购很难做到多个笔记本电脑的性能的对比，基于此我们开发本网站，为选购电脑的新手小白指路。

• 系统功能结构图

• 
•  

   注：实际情况中 由于不可抗力我们的后台只做出了一个数据管理

  业务实体的属性和操作

  用户 个人信息；  收藏； 删除评论讨论 发布； 点赞； 回复； 举报用户浏览操作流 搜索； 筛选； 对比； 查看； 评论管理员管理操作流 发帖监督； 数据监控； 上新推送； 网站维护

  ---

  第二部分 静态网页设计

  静态网页部分一共有8个页面  常见的BootStrap Jquery组件

  1. 首页  后序重新改过一遍（这里先不放）  使用轮播图
  2. 登录注册页面   
  3. 科普区
  4. 讨论区
  5. 筛选区
  6. 对比商品页面
  7. 商品详细参数页面
  8. 管理员页面

   这里是四个功能区的图放在上面

  筛选区 科普区 讨论区 商品参数区

  

   

  

   

  

  ---

  第三部分 动态网页

  • 动态网页主要实现的与服务器互动

    • 登陆注册后的提交验证表单
    • 点击筛选完成后提交表单

    

     

    • 提交form表单 action forword等动作

    • 筛选区互动功能核心代码段

      		
      
      			
      
      				
      				
      
      				
      			品牌:
      			
      			
      			    惠普
      			    联想
      				华为
      				戴尔
      				华硕
      				机械师
      			
      			
      			
      			
      			尺寸：
      
      			
      			    11
      			    14.5
      			    15.6
      			    16
      			
      			
      			
      			价格：
      
      			
      			
      			    3000
      			    3000-4000
      			    4000-8000
      			    10000+
      			
      			
      			
      				
      				
      
      
      

      • jsp处理提交的表单

        	
        <%
        	javaSqlite sql=new javaSqlite();
        	ArrayList array=new  ArrayList();
        	ArrayList list=new  ArrayList();
        	array=sql.getArrayListComm();
        	String brand=request.getParameter("brand");
        	String size=request.getParameter("size");
        	String price=request.getParameter("price");
        	//String ram=request.getParameter("ram");
        	
        	 int i=0;
        	 for (;i
        	
        
        			 
        	      --请选择--
        <%	 for (int j=0;j	  		 ><%=c.getCommodityName().toString() %>
        <% }%>
        		
        
        			 
        	      --请选择--
        <%	 for (int j=0;j	  		 ><%=c.getCommodityName().toString() %>
        <% }%>
        		
        		
        		
        <%	 
        	 for (int j=0;j
                
                    
                        " width="300" height="300"/>
                        
                        
        
                    	
        
                            
                            	
        		  
        		
                                
                                "> 商品详情
                                
                                           
                
                                
                                    
                                        
                                            
                                            <%=c.getCommodityName().toString()%>
                                        
                                    
                                
                                
                            
                        
                    
                    
        
                  
        
        
                  
        
        <%
        if (j
                    
                        " width="300" height="300" />
                        
                        
        
                    	
        
                            
                                 "> 商品详情
                                           
                                    
                                        
                                            
                                           <%=c.getCommodityName().toString()%>
                                        
                                    
                                
                            
                        
                    
        <%
        }
        if (j
                    
                        " width="300" height="300" />
                        
                        
        
                    	
        
                            
                                "> 商品详情
                                           
                                
                                    
                                        
                                             
                                            <%=c.getCommodityName().toString()%>
                                        
                                    
                                                        
                            
                        
                    
                    
                    
        
                    
        
                    
        <%
        }
        		 }
        %>
        

        • 建立数据库数据表

          

           

           

           

          ---

          第四部分 实现所有与数据库连接的功能

          建立数据库并与数据库连接

          这里的与数据库连接 大多是用JavaBean 组件 jdbc jar包和navicat连接的

          @@有部分直接写，有部分用Javabean  比较乱也没有统一

          实现所有需要数据库连接的功能

                  登陆注册

                  用户发布讨论

          

           

          1.         用户收藏商品
          2. 

           

          1.         用户筛选和对比商品

          

          1.         管理员审核帖子

          

           

          ---

          总结部分 

          整个过程中由于能力的原因我们并没有使用什么框架  太菜了实在是   这里放个链接 是整个项目的文件 链接：https://pan.baidu.com/s/1Xif7qJ3FKRhTkhyEHWsMMQ 

          提取码：nn2u

          项目目录