论坛搭建

项目背景:

这个项目是我在学习了PHP和MySQL以后,加上我之前学习的前端知识完成的,主要目的在于了解前后端的交互过程,静态页面如何动态化。

项目简介:

本项目是一个响应式的网站。通过我自己的设计,搭建了一个校园论坛,它主要包含五个部分:首页、教学、生活、社团、兼职。首页会展示各个板块的最新帖子,最右侧会展示,所有板块的最新帖子和最热帖子。假设我们点击教学,就会跳到教学的板块下面。点击新建帖子,就可以建立一个新的帖子。我们在发帖之前必须登陆,如果没有账号,就需要先注册一个账号。项目页面架构可以分为三个部分,上中下,上面的头部,下面的底部每个页面都是一样,所以单独把头部和底部拿出去,最后通过php链接到相应位置就好。

项目技术:

html、css、js、boostrap、php、mysql

首页简介:

首页要做的就是页面的跳转以及数据的绑定,点滴导航栏,跳转到相应的板块。点击下面的帖子,会跳转到帖子详情页。

论坛搭建_第1张图片

 

论坛搭建_第2张图片

 教学板块简介:

这是教学板块页面,生活板块、社团板块和兼职板块是一样的,只是从数据库所取到的数据不一样。点击新建帖子,可以新创建一个帖子,点击帖子,会跳转到帖子的详情页。因为这一页我们可能绑定很多的帖子,所以我用PHP做了分页。

论坛搭建_第3张图片

 新建帖子简介:

新建帖子,我用了富文本编辑器,引入了kindeditor这个库。然后提交帖子的时候,还需要输入验证码,验证码就是随机数,然后通过PHP画点和画线造成一定的干扰,当我们点击提交,就会把我们新建帖子的数据提交到数据库。

论坛搭建_第4张图片

 注册页面简介:

注册页面,通过正则表达式对页面做了表单验证,这样可以提示用户信息的错误。

论坛搭建_第5张图片

项目新得:

在整个项目中,难点是登陆以后在页面上显示用户名、分页的完成以及富文本编辑器的使用。首先,登陆在页面显示用户名是访问了session做到了这一点,分页的完成主要是一些逻辑,自己在完成的过程中出现了一些逻辑错误,在反思之后,重新整理思路解决问题。富文本编辑器的使用是突发奇想,本来想的是用一个文本框,后来就网上查资料发现还可以用富文本编辑器,就现学现卖了。

通过这个项目的完成,对PHP和MySQl的基础掌握跟牢靠,PHP和MySQL的知识还有很多,还需要深入的去学习。在这个过程中体验了静态页面动态化,前后端一个简单的交互过程。总的来说,自己的收获还是挺多的。 

你可能感兴趣的:(项目简介)