今天博主继续为大家介绍推特项目的其他内容，今天是推特发布功能的设计与实现
接下来博主按照页面布局的方式为大家介绍该项目的具体功能代码
进入main.jsp界面：
顶栏界面布局代码：
<div id="loader">
<div>
<ul id="daohang">
<li><span class="glyphicon glyphicon-home"></span><span
class="bian">主页</span>
<div class="tishidian" style="background-color: ${info.ucolor};"></div></li>
<li><span class="glyphicon glyphicon-bell"></span><span
class="bian">通知</span>
<div class="tishidian" id="notification"
style="background-color: ${info.ucolor};">
<div id="tongzhigeshu"></div>
</div></li>
<li><span class="glyphicon glyphicon-comment"></span><span
class="bian">私信</span>
<div class="tishidian" style="background-color: ${info.ucolor};"></div></li>
</ul>
</div>
<div>
<img id="logo" src="img/index.ico" />
<div id="search">
<input type="text" class="search" id="search_two"
placeholder="搜索Twitter用户" /><span
class="glyphicon glyphicon-search sea" id="chaxun"
style="color:#657786;font-size: 15px;margin-top:1px"></span>
</div>
<div class="triangle shang" id="souxianshishang"></div>
<div id="souxianshi"></div>
<div class="touxiang" id="touxiang" rel="popover"></div>
<div id="list">
<div class="triangle shang ss"></div>
<div id="listlist">
<div style="cursor: pointer;" id="self">
<div id="uname"
style="font-weight: bold; color:black;margin-top:5px;margin-left:18px;font-size:20px">${user.urealname }</div>
<div style="color:gray;margin-left:20px;font-size:15px"
id="aitevalue">@${user.uaite }</div>
</div>
<hr>
<div class="listd" style="margin-top: 10px">
<div>
<span class=" glyphicon glyphicon-user"
style="margin-right: 10px"></span>个人资料
</div>
</div>
<div class="listd">
<span class="glyphicon glyphicon-list-alt"
style="margin-right: 10px"></span>列表
</div>
<hr>
<div class="listd">
<span class="glyphicon glyphicon-share" style="margin-right: 10px"></span>Twitter广告
</div>
<div class="listd">
<span class=" glyphicon glyphicon-stats"
style="margin-right: 10px"></span>分析
</div>
<hr>
<div class="listd">设置与隐私</div>
<div class="listd">帮助中心</div>
<div class="listd" id="kuaijiejian">键盘快捷键</div>
<div class="listd">登出</div>
</div>
</div>
<button id="fatui" class="button btn btn-info">
<span class="glyphicon glyphicon-send edit"></span><span
class="bian fa">发推</span>
</button>
</div>
推特发布：
<form action="" method="post" id="mytweettwo"
enctype="multipart/form-data">
<div class="cont">
<div class="tweet ttt" id="tuiwen2"
style="box-shadow: 0 0 1px rgba(164, 217, 249, 1);">
<textarea id="tweet2" class="wen xinxian" name="tuiwen"
placeholder="有什么新鲜事？" style="max-height:300px;width:540px"
autofocus="autofocus"></textarea>
<div class="bq bq2"></div>
</div>
<div class="thing add">
<span class="glyphicon glyphicon-camera addThing addx"
id="addpictwo"></span> <span
class="glyphicon glyphicon-picture addThing addx"></span> <span
class="glyphicon glyphicon-stats addThing addx"></span> <span
class="glyphicon glyphicon-map-marker addThing addx"></span>
<button class="button but but_lu btn btn-info" id="submittwo"
type="button">
<span class="glyphicon glyphicon-send edit_lu"></span> <span
class="bian fa_lu">发推</span>
</button>
</div>
<div class="zishu zishu_lu">140</div>
</div>
<!-- <div class="triangle shang ts" id="ts2"></div>
<div id="picstwo">
<img src="" /> <span class="btn btn-info" id="changepictwo">更换图片</span>
</div>
<span id="pichatwo" title="取消预览">×</span> <input type="file"
id="pictwo" accept="image/png,image/jpg" name="tpic" style="z-index:101"/> -->
</form>
在TweetServletTwo.java中，完成添加新推特文章，会先获取用户信息，如果上传了图片会进行图片下载，即调用Upload.java，进行图片下载
此外会统计推特文章数目
更新用户信息，即将文章加载到用户推特下
private void toNew(HttpServletRequest request, HttpServletResponse response)
throws IOException, ParseException, ServletException {
HttpSession session = request.getSession();
Users user = (Users) session.getAttribute("user");
int uid = user.getUid();
String path = request.getSession().getServletContext().getRealPath("img/") + user.getUname();
Map<String, String> map = Upload.upload(request, 100 * 1024 * 1024, path);
String tuiwen = map.get("tuiwen");
String tpic = map.get("tpic");
Timestamp ttime = Times.getSystemTime();
if (tpic == "") {
tweetsDao.addTweet(uid, tuiwen, ttime, 0);
usersinfoDao.addTweetsNum(uid);
Usersinfo info = usersinfoDao.getInfos(uid);
ServletContext application = session.getServletContext();
Integer newTweetNum = (Integer) application.getAttribute("newTweetNum");
if (newTweetNum == null) {
newTweetNum = 1;
} else {
newTweetNum += 1;
}
application.setAttribute("newTweetNum", newTweetNum);
session.setAttribute("info", info);
return;
}
tweetsDao.addPicTweet(uid, tuiwen, ttime, tpic);
usersinfoDao.addTweetsNum(uid);
ServletContext application = session.getServletContext();
Integer newTweetNum = (Integer) application.getAttribute("newTweetNum");
if (newTweetNum == null) {
newTweetNum = 1;
} else {
newTweetNum += 1;
}
application.setAttribute("newTweetNum", newTweetNum);
Usersinfo info = usersinfoDao.getInfos(uid);
session.setAttribute("info", info);
toGetTweet(request, response);
}
更新推特文章数目
public int addTweetsNum(int uid) {
String sql = "update usersinfo set utweet = (utweet + 1) where uid = ?";
int n = DBUtil.update(sql, uid);
return n;
}获取用户信息
public Usersinfo getInfos(int uid) {
String sql = "select id, uid, uaddress, uabout, udate, ubg,ulogo, ufans, utweet,ufollow ,ucolor from usersinfo where uid=? limit 1";
List<Usersinfo> list = DBUtil.query(Usersinfo.class, sql, uid);
if (list.size() > 0) {
return list.get(0);
}
return null;
}获取用户的信息，此处采用了一种类似于回卷重写的方式进行数据更新到main.jsp界面
private void toGetTweet(HttpServletRequest request, HttpServletResponse response)
throws IOException, ParseException {
HttpSession session = request.getSession();
Users user = (Users) session.getAttribute("user");
List<Concern> concernList = new ArrayList<Concern>();
List<Utweets> tweetsList = new ArrayList<Utweets>();
List<Utweets> tList = new ArrayList<Utweets>();
if (tList != null) {
tweetsList = tList;
}
if (user == null) {
response.sendRedirect("index.jsp");
return;
}
int uid = user.getUid();
Usersinfo info = usersinfoDao.getInfos(uid);
session.setAttribute("info", info);
concernList = concernDao.getSuid(uid);
if (concernList == null) {
tweetsList = tweetsDao.getTweet(uid);
if (tweetsList.size() < 1) {
return;
}
response.getWriter().write(roll(tweetsList, uid));
return;
}
List<Integer> uidList = new ArrayList<Integer>();
for (int i = 0; i < concernList.size(); i++) {
uidList.add(concernList.get(i).getS_uid());
}
tweetsList = tweetsDao.getTweet(uid);
response.getWriter().write(roll(tweetsList, uid));
}
发推界面，仍为main.jsp
<form action="tweettwo.do?method=newt" method="post" id="mytweet"
enctype="multipart/form-data">
<div id="send">
<div class="touxiang" id="user_tou"></div>
<div id="sends">
<div class="tweet" id="tuiwen1"
style=" border :5px solid rgb(164, 217, 249)">
<div id="editor"></div>
<textarea class="wen" name="tuiwen" id="tweet1"
placeholder="有什么新鲜事？"></textarea>
<div class="bq" id="bq1">
<!-- <img src="img/Smile.png" width="16px" height="16px" /> -->
</div>
</div>
<div class="thing">
<span class="glyphicon glyphicon-camera addThing" id="addpic"></span>
<span class="glyphicon glyphicon-picture addThing"></span> <span
class="glyphicon glyphicon-stats addThing "></span> <span
class="glyphicon glyphicon-map-marker addThing "></span>
<button class="button but btn btn-info" id="submit" type="button">
<span class="glyphicon glyphicon-send edit_lu"></span><span
class="bian fa_lu">发推</span>
</button>
</div>
<div class="zishu">140</div>
</div>
</div>
欢迎大家关注我的公众号：
