基于SSH框架的小型论坛项目
一、项目入门 传送门
二、框架整合 传送门
三、用户模块 传送门
四、页面显示 传送门
五、帖子模块 传送门
六、点赞模块 传送门
七、辅助模块 传送门
项目已上传至github：传送门
搭建环境
修改Tomcat部署和web发布的地址
修改字符集
修改Head界面
登陆时样子
未登录时样子
<div class="nav-user" style="top:0px;right:100px;">
<!-- 描述：登录的Style --> <a class="avatar" href=""> <img src="res/images/avatar/11.jpg"> <cite>Gary</cite> </a> <div class="nav"> <a href=""><i class="iconfont icon-tuichu" style="top: 0; font-size: 22px;"></i>退出</a> </div> <!-- 描述：未登录的Style <a class="iconfont icon-touxiang layui-hide-xs" style="margin-top: 4px; display: inline-block;"> </a> <div class="nav" style="font-size: 14px; color: white; margin-top: -5px; margin-left: 1px;" /> <a href="login.html" target="_parent">登录</a> <a href="register.html" target="_parent">注册</a> --> </div>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/index.css"> </head> <div class="dvhead"> <div class="dvlogo"><a href="index.html">你问我答</a></div> <div class="dvsearch">10秒钟注册账号，找到你的同学</div> <div class="dvreg"> 已有账号，立即 <a href="login.html">登录</a> </div> </div> <div class="dvContent"> <div class="dvquesleft"> <div class="dvqstitle"> <image class="imgbean" src="images/bean.jpg"> <span class="qsTitle">问答</span> <span class="back"><ab href="">《《返回上一页</a></span> </div> <div class="dvtabhead"> <div class="tabheads tabcurrent">全部问题</div> <div class="tabheads">我的问题</div> <div class="tabheads">关注问题</div> <div class="tabheads">问题标签</div> </div> <div class="tabContent"> <div class="dvtags"> <a class="curenttag">待解决</a><span class="line"></span><a>高分</a><span class="line"></span><a>新回答</a><span class="line"></span><a>已解决</a> </div> <div class="tab"> <div class="dvques"> <div class="quesCount"> <div class="count">8</div> <div class="ques">回答数</div> </div> <div class="quesContent"> <div class="quesTitle"> 500 <image src="images/bean.jpg" class="bean"> <span class="spanques">Excel开发的问题</span> </div> <div class="qContent">以前都是OWC控件在程序中做Excel做操作以前都是OWC控件在程序中做Excel做操作，主要包裹以前裹做Excel做操作，主要包裹以前都是OWC控件在程序中做Excel做操作，主要包裹主要包裹以前都是主要包中做Excel做操作，主要包裹，主要包裹...</div> <div class="tags"> <span class="tag">excel</span><span class="tag">程序</span> </div> <div class="quesUser"> <image src="images/0.gif" class="imguser" /> <div class="userName"> 张大值 <div class="liulan">浏览(9) 30分钟前</div> </div> </div> </div> </div> <div class="dvques"> <div class="quesCount"> <div class="count">8</div> <div class="ques">回答数</div> </div> <div class="quesContent"> <div class="quesTitle"> 500 <image src="images/bean.jpg" class="bean"> <span class="spanques">Excel开发的问题</span> </div> <div class="qContent">以前都是OWC控件在程序中做Excel做操作，以前都是OWC控件在程序中做Excel做操作主要包裹以前裹做Excel做操作，主要包裹以前都是OWC控件在程序中做Excel做操作，主要包裹主要包裹以前都是主要包中做Excel做操作，主要包裹，主要包裹...</div> <div class="tags"> <span class="tag">excel</span><span class="tag">程序</span> </div> <div class="quesUser"> <image src="images/0.gif" class="imguser" /> <div class="userName"> 张大值 <div class="liulan">浏览(9) 30分钟前</div> </div> </div> </div> </div> <div class="dvques"> <div class="quesCount"> <div class="count">8</div> <div class="ques">回答数</div> </div> <div class="quesContent"> <div class="quesTitle"> 500 <image src="images/bean.jpg" class="bean"> <span class="spanques">Excel开发的问题</span> </div> <div class="qContent">以前都是OWC控件在程序中做Excel做操作，以前都是OWC控件在程序中做Excel做操作主要包裹以前裹做Excel做操作，主要包裹以前都是OWC控件在程序中做Excel做操作，主要包裹主要包裹以前都是主要包中做Excel做操作，主要包裹，主要包裹...</div> <div class="tags"> <span class="tag">excel</span><span class="tag">程序</span> </div> <div class="quesUser"> <image src="images/0.gif" class="imguser" /> <div class="userName"> 张大值 <div class="liulan">浏览(9) 30分钟前</div> </div> </div> </div> </div> <div class="dvques"> <div class="quesCount"> <div class="count">8</div> <div class="ques">回答数</div> </div> <div class="quesContent"> <div class="quesTitle"> 500 <image src="images/bean.jpg" class="bean"> <span class="spanques">Excel开发的问题</span> </div> <div class="qContent">以前都是OWC控件在程序中做Excel做操作，以前都是OWC控件在程序中做Excel做操作主要包裹以前裹做Excel做操作，主要包裹以前都是OWC控件在程序中做Excel做操作，主要包裹主要包裹以前都是主要包中做Excel做操作，主要包裹，主要包裹...</div> <div class="tags"> <span class="tag">excel</span><span class="tag">程序</span> </div> <div class="quesUser"> <image src="images/0.gif" class="imguser" /> <div class="userName"> 张大值 <div class="liulan">浏览(9) 30分钟前</div> </div> </div> </div> </div> <div class="dvques"> <div class="quesCount"> <div class="count">8</div> <div class="ques">回答数</div> </div> <div class="quesContent"> <div class="quesTitle"> 500 <image src="images/bean.jpg" class="bean"> <span class="spanques">Excel开发的问题</span> </div> <div class="qContent">以前都是OWC控件在程序中做Excel做操作，主要包裹以前裹做Excel做操作，主要包裹以前都是OWC控件在程序中做Excel做操作，主要包裹主要包裹以前都是主要包中做Excel做操作，主要包裹，主要包裹...</div> <div class="tags"> <span class="tag">excel</span><span class="tag">程序</span> </div> <div class="quesUser"> <image src="images/0.gif" class="imguser" /> <div class="userName"> 张大值 <div class="liulan">浏览(9) 30分钟前</div> </div> </div> </div> </div> </div> <div class="tab hidden">2</div> <div class="tab hidden">3</div> <div class="tab hidden">4</div> </div> </div> <div class="dvquesright"> <div> <buton class="btnques" onclick="location.href='add.html'">提个问题</buton> </div> <div class="dvorder"> <div class="orderTitle">专家排行榜</div> <div class="users"> <image class="userface" src="images/0.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> <div class="users"> <image class="userface" src="images/1.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> <div class="users"> <image class="userface" src="images/2.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> <div class="users"> <image class="userface" src="images/3.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> <div class="users"> <image class="userface" src="images/4.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> <div class="users"> <image class="userface" src="images/5.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> <div class="users"> <image class="userface" src="images/6.gif" /> <div class="dvuser"> <div class="userTitle">陈有龙</div> <div class="userdeital">大牛6级 豆:14006</div> </div> </div> </div> </div> </div> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function() { $(".tabheads").click(function() { $(".tabheads").removeClass("tabcurrent").eq($(this).index()).addClass("tabcurrent"); $(".tab").hide().eq($(this).index()).show(); }); }); </script> <body> </body> </html>