网站介绍

• 网站采用html+css+javascript+php,配合自己封装的js库一人完成。
• 作品从界面设计、网站架构、交互设计上做了很多思考、实现了一些功能。
• 期间遇到了很多细节上的问题，反复调试修复了BUG，如有不足之处还请多多谅解与指教。

网站结构

• 1、整站文件：

• 2、后台数据库表1：

• 3、后台数据库表2：

主要功能简介

• 1、布局：
• 首页布局上采用主流文档居中131布局，其他栏目页面采用横向整体居中布局，设置icon图标；
• 页面用php进行header与footer分离调用，require模块引入，采用常量检查防止恶意调用header.php和footer.php，并拒绝了PHP低版本；
• 编程、安全、前沿栏目内采用php进行分页显示主体内容帖列表。
• 2、顶部：
• 设置顶部登录注册链接、PS制作LOGO；
• 导航菜单，运用js制作弹性运动动画效果，并运用js点击事件优化页面切换时弹动。
• 3、底部：居中版权，关闭数据库mysqli_close。
• 4、首页3栏展示从数据库获取的帖子title，按发帖时间DESC倒序排序，显示最近11条数据。
• 5、编程、安全、前沿栏目统一采用分页显示后台帖子数据，并设置有发帖按钮，点击按钮跳转发帖界面。
• 6、发帖、回帖页面：
• cookie验证是否登录，未登录跳转login.php
• 帖子标题、内容设置了js、php双重验证，帖子发表成功js弹出alert提示，并跳转article.php帖子页面
• 帖子内容的呈现是从数据库获取数据，将空格和换行正确转译输出
• 帖子页面使用min-height设置高度
• 关闭textarea的resize属性为none，防止火狐等现代浏览器的默认可以调整大小
• 回帖提交，写入数据库，回帖成功，返回本页并显示回帖
• 7、注册页、登录页：
• 验证码采用绘制图像+SESSION创建，配合js点击事件重新加载img的src的php文件进行局部刷新验证码。并封装成公共_code验证码函数；
• 验证码采用双验证，第一层js验证，第二层php后台验证，提升体验同时兼顾安全；
• 密码input关闭autocomplete="off"自动完成，提升安全性；
• 登录、注册数据，后台会进行验证，检查重名、格式、字符数、cookie保存时间等；
• 登录状态的检查，cookie验证，session唯一标识符验证，如果是登录状态，会隐藏注册登录导航，显示个人中心与退出；
• 退出按钮提交logout.php进行cookie销毁。
• 8、个人中心
• 设置3个栏目：我的发帖、个人信息、修改资料；
• 我的发帖：局部分页显示我的所有发帖，并以列表呈现；
• 修改资料：可以修改邮箱与密码；


• 其他布局细节及设置不再赘述，非常感谢您花费宝贵时间浏览此作品！不足之处还请您谅解与指正。