手游论坛

《手游论坛系统》课程设计报告

 

第一章 系统概述

现现在，手机游戏已经成为了人们平常休闲娱乐，减压，好友聚会，重要的一种娱乐方式。手机游戏是一种能够在任什么时候间，任何地点，随时拿出手机就能玩的游戏娱乐模式。所以对于游戏的质量，就须要开发者可以洞察到玩家的生理和内心需求，制做出更让人满意的手机游戏，只有这样才能促进该游戏商家的发展。因此《手游论坛》系统可以收集到玩家的需求信息，促进玩家之间的交流，造成良好的游戏氛围。如今有不少的游戏开发商只顾及经济效益，却忽视公众需求。手机游戏玩家很难找到适合本身的游戏。并且现在随着网民的增长，计算机网络愈来愈发达，人们足不出户就可以知足本身的平常所需，人与人之间的交流愈来愈淡。交际能力也愈来愈差劲。手游论坛系统能够促进玩家之间的交流和互动。

 

需求分析：

随着手机游戏的不断的发展，游戏的种类也丰富多样，人们总能找到一款适合本身的游戏，而游戏的开发商须要在游戏开发出来后对游戏作出各类改进的工程以符合市场的需求，提升用户的满意度，才可以最大限度的避免游戏玩家的流失。在手机游戏市场总有一部分充斥着低俗，色情，扭曲的世界观，发展观的恶俗游戏，或者一些收费项目，或者有一些游戏开发商就抱着圈钱的目的，收费后就直接关闭了服务器。《手游论坛系统》能够极大程度的反映客户需求，给与开发商游戏的开发反向，作出更加精良，游戏用户更满意的游戏，更好的维护游戏环境的发展。

 

 

 

 

 

第二章网站结构设计

1系统概要说明

本次网页制做是采用Python ，Flask, Mysql的web建设技术开发的一个网站，经过本次学习让我深入的链接到这项技术的强大。

  本次网页制做共有12页面，除了登录页面，注册页面外，其余页面都用了继承父模板的功能，该网站运用了css技术对网页进行了美工，设计整体的网页风格。还运用js技术，对登录和注册页面的控件的限制。

该网站的开发环境：Pycharm，运用了必定的photoshop的技术辅助页面设计

 2网站功能设计

用户注册功能：须要输入帐号， 帐号密码 ，（注册后 弹出提示框 跳转到登录页面）。

    用户登录功能：须要输入帐号 ，帐号密码 ，（登录后 弹出提示框  跳转网站首页）。

  导航栏功能设计包含：

    网站查询功能：设置在导航栏 ，查询功能能够查看本身想查看哪款游戏的评论，也能够查看其余用户所发布的内容 。

    首页跳转功能：（手游论坛）为首页的跳转出发。

    记住用户帐号：将用户登陆名记住，并显示在登录后的导航栏上。

帐号注销登录功能：注销登录后回跳转回到登录页面。

    发布博客功能：用户点击导航条的发布，将会跳转到发布博客的页面，发布成功后数据将插入到数据库。发布的博客的类型我用select的标签使得用户只能发布跟游戏相关的文章。

    搜索功能：能进行精确查询和模糊查询，用户能够根据标题查看全部跟标题有关的内容，也可直接精确查询到某一篇博客。

    用户的我的信息页面：用户的我的信息页面能够查看本身全部发布的博客，和查询本身对别的用户博客的评论。

    用户对于本身我的信息的修改：用户能够修改本身的头像信息，上传头像图片，也能够修改本身的帐号密码。能看到本身发布博客的总篇数。

    网站首页：能够点击文章的标题查看文章的具体内容，对博客进行评论，和对文章进行点赞。每篇文章都有具体的发布时间。   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

    第三章功能模块展现图：

       

  

 

      

 

 

 

 

 

 

 

 

 

 

 

 

第四章数据库设计

  数据库共建了4张表，用户表，博客表，评论表，点赞表。用户表的id是用户表的主键，是博客表，点赞表，评论表的外键；ques表的主键是评论表和点赞表的外键。

 

 

   用户表的数据库设计

名称	类型	长度	小数点	容许为空
Id	Int	11	0		主键
Username	varchar	20	0
_password	varchar	200	0
Nickname	varchar	20	0	1
img	varchar	128	0	1

 

 

 发布博客表：

    

名称	类型	长度	小数点	容许为空
Id	Int	11	0		主键
Author_id	Int	11	0	1
Title	Varchar	20	0
Detail	Text	0	0
Creat_time	datetime	0	0	1

 

 

点赞表

名称	类型	长度	小数点	容许为空
Id	int	11	0		主键
Author_id	int	11	0	1
Question_id	int	11	0	1

 

评论表

名称	类型	长度	小数点	容许为空
Id	int	11	0		主键
Author_id	int	11	0	1
Queation_id	int	11	0	1
Creat_time	Datetime	0	0	1
detail	text	0	0

  

 

 

 

 

 

 

 

数据库设计代码：

 

 

class User(db.Model):
    __tablename__ = 'user'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    username = db.Column(db.String(20), nullable=False)
    _password = db.Column(db.String(200), nullable=False)
    nickname = db.Column(db.String(20), nullable=True)
    img=db.Column(db.String(128),default=None)

 

 

 

 

 

class Ques(db.Model):

    __tablename__ = 'question'

    id = db.Column(db.Integer, primary_key=True, autoincrement=True)

    author_id = db.Column(db.Integer, db.ForeignKey('user.id'))

    author = db.relationship('User', backref=db.backref('question'))

    title = db.Column(db.String(20), nullable=False)

    detail = db.Column(db.Text, nullable=False)

    creat_time = db.Column(db.DateTime, default=datetime.now)

用户id是ques的外键

 

class Comment(db.Model):

    __tablename__ = 'comment'

    id = db.Column(db.Integer, primary_key=True, autoincrement=True)

    author_id = db.Column(db.Integer, db.ForeignKey('user.id'))

    question_id = db.Column(db.Integer, db.ForeignKey('question.id'))

    creat_time = db.Column(db.DateTime, default=datetime.now)

    detail = db.Column(db.Text, nullable=False)

    question = db.relationship('Ques', backref=db.backref('comment', order_by=creat_time.desc))

    author = db.relationship('User', backref=db.backref('comment'))

 

用户id和ques的id是评论的外键

 

 

 

 

class Dianzan(db.Model):

    __tablename__ = 'dianzan'

    id = db.Column(db.Integer, primary_key=True, autoincrement=True)

    author_id = db.Column(db.Integer, db.ForeignKey('user.id'))

    question_id = db.Column(db.Integer, db.ForeignKey('question.id'))

    question = db.relationship('Ques', backref=db.backref('dianzan'))

    author = db.relationship('User', backref=db.backref('dianzan'))





db.create_all()

用户id和ques的id是点赞表的外键

 

第五章系统实现的关键算法与数据结构

1密码加密传值入数据库

@property
def password(self):  #外部使用
    return self._password
@password.setter
def password(self,row_password):
    self._password=generate_password_hash(row_password)

def check_password(self,row_password):
    result=check_password_hash(self._password,row_password)
    return result

将用户注册的密码，获取后通过加密后赋值给_password而后传入数据库。在用户登录时对密码进行解密，检查密码。

2登录算法的实现

function fuck() {

var oUname = document.getElementById("user")
    var oError = document.getElementById("error_box")
    var oUpass = document.getElementById("upass")
    var isError = true;
    oError.innerHTML = "<br>"
    if (oUname.value.length > 12 || oUname.value.length < 6) {
        oError.innerHTML = "用户名至少6-12位";
        isError = false;
        return isError;
    } else if (oUname.value.charCodeAt(0) >= 48 && oUname.value.charCodeAt(0) <= 57) {
        oError.innerHTML = "用户名必须为字母";
        isError = false;
        return isError;
    } else for (var i = 0; i < oUname.value.length; i++) {
        if ((oUname.value.charCodeAt(i) < 48 || oUname.value.charCodeAt(i) > 57) && (oUname.value.charCodeAt(i) < 97 || oUname.value.charCodeAt(i) > 122)) {
         oError.innerHTML = "only letter or number";
          isError = false;
           return isError;
        }
    }
    if (oUpass.value.length > 20 || oUpass.value.length < 6) {
        oError.innerHTML = "密码为 6-20位字符";
       isError = false;
        return isError;
    }
    window.alert("欢迎进入手游论坛")
    return true;
}

对登录的输入框进行限制，从登录页面input的用户和密码的id和错误提示框id，再在js从新定义，加入限制。

 

  @app.route('/login/', methods=['GET', 'POST'])

def login():

    if request.method == 'GET':

        return render_template('login.html')

    else:

        username = request.form.get('username')

        password = request.form.get('password')

        user = User.query.filter(User.username == username).first()

        # 判断用户名是否存在

        if user:

            if user.check_password(password):

                session['user'] = username

                session['userid']=user.id

                session.permanent = True

                return redirect(url_for('index'))

            else:

                return u'密码错误'

        else:

            return u'帐号不存在'

登录页面用post方法获取输入的内容，得到username，password 在数据库进行查询user = User.query.filter(User.username == username).first()判断用户名 是否存在。判断帐号和密码是否正确再返回相应的结果。当点击登录时会触发onclick，返回fun（）的方法，调用js。

 

 

 

 

 

2注册页面与登录页面相似。

3登录装饰器方法

def loginFirst(func):
    @wraps(func)
    def wrapper(*args, **kwargs):
        if session.get('user'):
            return func(*args, **kwargs)
        else:
            return redirect(url_for('login'))

    return wrapper

 

当用户想使用其余操做，def loginFirst(func)会限制用户跳转到登录页面。

 

4发布博客页面

 @app.route('/fabu', methods=['GET', 'POST'])

@loginFirst

def fabu():

    if request.method == 'GET':

        return render_template('fabu.html')

    else:

        title = request.form.get('title')

        detail = request.form.get('detail')

        author_id = User.query.filter(User.username == session.get('user')).first().id  # 判断用户名是否存在

        question = Ques(title=title, detail=detail, author_id=author_id)

        db.session.add(question)

        db.session.commit()

        return redirect(url_for('index'))

 

 

用post从发布页面得到title，detail，用get方法获取发布页面，先在数据库判断用户是

否存在，让后传数据入数据库，返回登录页面。

 

5评论页面

def comment():
    comment =request.form.get('new_comment')
    question_id=request.form.get('question_id')
    auth_id=User.query.filter(User.username==session.get('user')).first().id

判断做者id是否存在
    comm = Comment(author_id=auth_id,question_id=question_id,detail=comment)
    db.session.add(comm)
    db.session.commit()

    return redirect(url_for('detail',question_id=question_id))

用get的方法获取评论信息，将做者id，评论者id，评论信息插入数据库。

 

6点赞功能的实现

@app.route('/dianzan/',methods=['GET','POST'])
@loginFirst
def dianzan():
    author_id=request.form.get('author_id')
    question_id=request.form.get('question_id')
    dianzan=Dianzan(author_id=author_id,question_id=question_id)
    db.session.add(dianzan)
    db.session.commit()
    return redirect(url_for('detail',question_id=question_id))

 

当点击点赞按钮就会增长点赞表dianzan列的长度，而后获取点赞者的id，做者的id，插入数据库。

 

7修改密码

@app.route('/password_update/<user_id>',methods=['GET','POST'])
def password_update(user_id):
    user=User.query.filter(User.id==user_id).first()
    if request.method == 'GET':
        return render_template('password_update.html',user=user)
    else:
        password=user.password=request.form.get('password')
        db.update(password)
        db.session.commit()
    return redirect(url_for('login'))

 

 

 

用post和get方法获取用户的帐户，验证两次密码输入是否一致，再赋值给原来的

Password，返回登录页面。

 

 

8上传头像

 

@app.route('/usercenter_updata/<user_id>',methods=['GET','POST'])
@loginFirst
def usercenter_updata(user_id):
    user = User.query.filter(User.id == user_id).first()
    if request.method == 'GET':
        return render_template('usercenter_updata.html', user=user)
    else:
        user = User.query.filter(User.id == user_id).first()
        f = request.files['img']
        basepath = os.path.dirname(__file__)  # 当前文件所在路径
        upload_path = os.path.join(basepath, 'static/img', f.filename)  # 注意：没有的文件夹必定要先建立，否则会提示没有该路径
        f.save(upload_path)
        user.img = 'img/' + f.filename
        db.session.commit()
        return redirect(url_for('usercenter',user_id=user_id,tag=1))

 

上传图片。

8搜索功能

  @app.route('/search/',methods=['GET','POST'])

def search():

    search = request.args.get('search')

    question = Ques.query.filter(

        or_(

            Ques.title.contains(search),

            Ques.detail.contains(search)

        )



    ).order_by('-creat_time')

 

 

 

根据标题，和内容，返回相应数据列表。根据时间排序。

 

 

第六章 成品展现

1登录页面

 

 

 

2注册页面

 

 

3手游论坛首页

首页图片能够链接到相应的官方网站

 

 

4发布博客页面

 

 

 

5评论页面和点赞

 

 

 

6我的信息页面

 

 

7显示所有博客页面

 

 

8显示评论页面

 

 

 

9修改我的信息密码

 

 

10上传图像