biyezuopin
biyezuopin

基于Html5+jsp+mysql的前端个人网站设计与实现

目录

  1. 项目背景 1
  2. 项目介绍 1
  3. 项目功能点 2
  4. 工作流程图： 5
  5. Index 部分： 9
  6. Public 部分 16
    PS：对于管理员权限的登录用户来说不存在匿名动态的显示，即即使是匿名的也会显示发表人的用户名等相关信息。 17
    PS：如果是管理员的话，那么就不是删除，而是屏蔽了 21
  7. Personal 21

【项目名称】
心灵小阁
【项目描述】
1.项目背景
时下流行着许许多多的社交软件，微信、 QQ、微 博等，这些软件的初衷都是大家相互之间通过交流沟 通，诉说自己的想法和分享自己的经历等，以缩短彼此 之间的距离，给大家带来了很多的便利，但随着它们的 蓬勃发展，同样的也给我们的生活带来了困扰。当我们 的家人亲戚乃至上司开始使用微信、 QQ 的时候，我们 变得不爱在朋友圈或 QQ 空间里面发表动态了；由于 工作或者学习需要，我们的微信、 QQ 里面出现了越来 越多的不太熟悉的人，我们开始心存顾虑，不再敢在朋 友圈或 QQ 空间发表动态了；当微信、QQ 平台出现商 业化的推销，我们开始变得厌倦… 当微信和 QQ 变得 不再私密，变得与工作学习相关，变得商业化，我们开 始将自己隐藏，不再表达自己。 并不是人们不再需要表达，而是对于不再私密的朋友圈、 QQ 空间，开始厌倦，心存顾虑了。

2.项目介绍
我们小组的想法是，让人们不心存顾虑的表达自我，我们设置用户发表动态时有三种情况可选： 公开、公开匿名、不公开。三种情况解释如下：
① 动态“公开”代表自己发表的动态会显示在“心灵小阁”主页面，并且其他用户知道是对应的人发表的。
② 动态“公开匿名”代表自己发表的动态会显示 在“心灵小阁”主页面，但是其他用户无法得知是哪位用户发表的。
③ 动态“不公开”代表自己发表的动态不会显示 在“心灵小阁”主页面，只会显示在用户的个人页面中， 只有用户本人才能查看。
用户登录或注册成功之后可以直接进入“心灵小阁”主页面，主页面汇聚了所有人的公开发表的个人动态的页面，但限制了消息的数目。一旦刷新，之前的消息可能很难找到，因为我们只提供上页和下页的浏览，也不提供搜索，当在短时刻内有多人发动态时很容易丢失之前的浏览，这也就说明你和那条动态的缘分可能断了。如果你对某位用户发表的动态深有同感，或者觉得不错，本文转载自http://www.biyezuopin.vip/onews.asp?id=14958可以在该条动态下点赞，当然，评论和回复评论都是可以的。
常言道，“失去了才懂得珍惜”，看看陌生人的动态，感受下陌生人的心境，是一种缘，赞同别人的动态或者对别人发表的动态产生共鸣，这更是一种难得的机缘。我们要珍惜这种缘，相互之间兴趣相投，话题投机，何其难得。 若这种缘，能觅得一知己， 何其幸运，人生得一知己足矣。

3.项目功能点
1.整个项目主要使用 Sublime Text 编写前端代码，eclipse 编写后端 JSP 代码，以及使用 Tomcat 搭建 web 服务器。
2.前端网页是基于 HTML5 架构和纯 JS 编写的，由于不能使用其他前端库，为了减少代码量，我
们自行封装了一些常用的方法(主要在 myJquery.js 文件中)，比如参照 jquery 实现的$(flag)方法获取特定元素，参照jquery 实现的ajax()和ajaxFileUpload()这两个分别用于常用消息和文件上传的异步交互方法， 对异步交互返回的 xml 文档进一步封装的 Xmler(xmlDoc)对象，采用正则表达式实现的字符串的
startWith，endWith 和 trim 原型方法，参照 Android 的 Toast 实现的 Toast(msg,time)方法以及判断是否是邮箱的 isEmail 方法。

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" errorPage="error.jsp"%>



    
        
        
        
        
        
        
        

        
        
        
        
        
            心灵小居
        
    
    
        

            
我的小居

        

        
        

            
            
            

                
                
                
                

                

                    暂无名氏
                

                

                    下面这两个按钮长得好好玩呀...
                

                
                    登录
                
                
                
                    注册
                
            

        


        
        
    
    
    
    
    
    
    

    
    
    
    
    
    
    

    
    

    
    

    
    

        
        
    

    
    

    
    

        
        
        
        
        提交Bug！

基于Html5+jsp+mysql的前端个人网站设计与实现_第1张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第2张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第3张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第4张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第5张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第6张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第7张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第8张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第9张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第10张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第11张图片
基于Html5+jsp+mysql的前端个人网站设计与实现_第12张图片

你可能感兴趣的:(java,html5,个人网站,个人网页,课程设计)

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他