战神 中文博客（附图）

经过一个半月的学习，博客终于完成了。

从最开始的静态页面，学习了servlet，后来使用MVC模式，今天终于把项目放在了服务器上。

这一个多月中，通过学习了MySQL、JDBC、HTML语言、div+css布局格式、Servlet、Tomcat、MVC设计模式，对web和数据库有了最初步的了解。

 

项目名称：战神中文博客

 

以实现功能：

1，浏览文章、图片、评论

2，注册、登陆

3，登陆后可以修改头像

4，发表、修改文章（使用了FCKeditor）

5，上传图片

6，评论文章

 

下面是网站的截图

 

最上面是战神3logo，导航栏 

 

首页面

主页左侧显示登陆框

最新发表的10片文章

图文攻略（coming soon）

 

右侧最上一栏是置顶的图片和文章

最新上传的三张图片

最新视频（coming soon）

 

 

 

注册页面

 

 

 

 

 

登陆页面

 

 

 

 

文章中心

 可以预览文章，文章发表日期，查看全文的链接

左侧是文章导航

 

 

 

 查看文章

顶部显示文章标题，用户头像、姓名

查看文章2

未登录可以查看评论，但不可以发表评论

 

 

 相册首页，查看所有用户的图片，图片所属用户，查看全图

 

 登陆后跳转到博客首页

左侧显示默认头像

修改头像

发表文章

相册管理

查看评论（coming soon）

留言管理（coming soon）

 

 

可以修改头像

发表文章，使用FCKeditor富文本编辑器

 

 

在博客首页可以预览已发表的文章

可以上传照片，看到已有照片的预览

 

文章中心，登陆后左侧显示用户头像

 

查看文章，登陆后可以发表评论

 

 

登陆后在首页左侧显示用户头像，博客，和相册的链接

可以看到主页已显示刚发表的文章和图片

 

更多精彩，敬请期待

鼠标停留时，显示首页，点击返回首页

 

项目刚完成，当然bug无数，暂时还没挂出来.

虽然程序员不是美工，但我还是尽可能地将页面做的美观一点,jsp的重用和css布局也减少了一部分工作。

下一步将进一步学习web技术，Javascript,ajax…………，更进一步完成这个项目。