机运动态网站项目作品说明书Word文件下载.docx
《机运动态网站项目作品说明书Word文件下载.docx》由会员分享，可在线阅读，更多相关《机运动态网站项目作品说明书Word文件下载.docx（17页珍藏版）》请在冰豆网上搜索。
（5）服务器后台环境的配置；
（6）文件的上传及下载；
（7）信息的实时更新；
（8）文章分页即http请求的利用技术；
（9）使用第三方登录技术；
（10）师生、同学信息交流。
项目作品的创新点
（1）实现用户的登录注册，可以使注册后的学生老师具有更高的权限，使用网站中的更多贴心服务；
（2）文件的上传和下载，使学生、老师都能够将需要的资料进行下载，并将自己拥有的资源和大家分享；
（3）师生、同学交流平台，给师生提供一个共享的、自由的沟通平台；
（4）信息的发布整理和更新；
（5）在云平台上进行发布，让人们可以通过网络看到网站成果。
2项目作品说明
项目作品使用环境
（1）项目作品网址：
（2）项目作品网站观看浏览器：
推荐使用浏览器：
XX浏览器，搜狗浏览器
不建议使用浏览器：
ie内核浏览器，比如360浏览器、ie11等（因为导航采用了jquery编写，ie内核浏览器不兼容jquery）。
网站首页
本项目作品的内容是机运动态网站，本网站首页的设计构想是在这一页面中实现……在页面中突出我们机械与运载这样专业的特点，作品初期设计页面如图2-1所示。
a）首页上半部分
b）首页中间部分
图2-1学院网站首页
在图2-1所示的网站首页中，我们设计了以下四个部分，分别是：
网页标识部分，导航部分、登录部分、外部链接部分、新闻部分。
1）网页标识部分
这部分我们设计了网站的名称、透明背景的学院图片、登录和注册栏。
其中网站的名称我们通过PS进行了图片处理从而得到具有不同透明度的。
网页中的注册和登录部分我们设计成可以打开登录或注册页面，通过该页面我们可以
3在左上角我们设计了登录注册模块，没有帐号可以使用（帐号：
99999密码：
1）或者点击注册进入注册页面注册帐号。
针对懒得注册的用户我们特别开通了腾讯qq登陆服务，提升用户的体验。
6.点击QQ登录。
进入qq拉取登录页面输入帐号登录
7．登录完成跳转到主页后就可以看到你的qq空间头像和你的qq昵称啦！
普通登录就只能显示普通账户的信息了。
虽然没有头像显示，但我们特别为普通账户添加了签到功能，点击签到可增加1经验，每20小时可点击一次签到。
注销账户请点击退出。
8接下来在首页中央可以看到我们的导航菜单导航，一个齿轮状导航，中间采用自动播放幻灯片，自动播放我们学院的一些图片。
9在导航菜单里的新闻，教工，师资，党务，学生栏目，我们都采用了同一种模板，来将学院的信息分条显示。
10.为了方便用户我们设计了两个可回到上一步页面的位置链接和四个图片超链接
11进入上传页面，在齿轮导航栏中点击上传，进入上传页面
填写文件名，点击选择文件，然后点击确认上传，就可以将文件上传到服务器了，操作是不是很简单呢！
12.上传成功后我们会提示上传成功。
然后自动跳转进入下载页面。
对已经上传的文件进行下载。
13进入贴吧发帖，交流。
点击菜单导航贴吧进入界面。
我们可以在这里畅所欲言，发表自己的想法，再附上图片。
14注意到昵称旁的钻石图标了吗，没错高端大气的vip用户就会显示尊贵钻石图标。
15点击贴吧主页面的发帖，发送帖子，为了适应不同的人喜好我们提供三种显示不同的边框，来供用户选择。
16.聊天室点击主页面齿轮导航就可以进入在线聊天室（不支持ie内核的浏览器），支持手机。
没有qq就不能聊天吗，不我们还有网页聊天室简洁清爽的界面，给用户完美的交流体验。
想要发送表情吗，我们设计了100多种表情代码如[/weixiao]为微笑表情代码，快去发掘更多的表情代码吧息发送框
3项目作品完成技术
1．登录模块
a：
采用session登录，防止用户从客户端伪造cookier信息登录。
b：
调用腾讯qq登录api接口，方便用户的使用，提升用户的使用的体验。
2．注册模块
A：
利用SQL语句
图片的上传将文件上传至bae服务器，用files系统函数获取上传文件信息，将文件根据时间重命名，（因bae服务器不支持客户端产生的文件存储）。
所以后台用curl模拟post将图片上传至bcs。
帖子的显示根据时间倒序将数据库中的帖子分页显示。
c:
边框，表情，用户特权图标运用替换函数将从数据库中获取的信息以图片方式呈现。
边框用两层表格，外层显示图片，成为边框
d：
运用get方法给贴吧每层楼的回复内容分层
7．聊天室模块
采用ajax异步
每2秒回调一次
c：
表情运用替换函数将文字替换为表情。
附录：
1.sql代码
sql：
插入$sql="
insertintozhuce（nicheng,zhanghao,mima）values（'
$_POST[name]'
'
$_POST[id]'
$_POST[password1]'
）"
;
mysql_query（$sql,$conn）;
b:
sql条数
$numq=mysql_query（"
SELECT*FROMtext"
）;
$num=mysql_num_rows（$numq）;
C:
查询输出
$sql="
SELECT*FROMzhuceWHEREzhanghao=$_SESSION[name]LIMIT0,30"
up/'
.$newpath;
newpath.'
sign=MBO:
d7Q1PwEo2KQ6CanIay4Snl5U:
0X2oQaP1Pwn49VHL4jBdmP0GxRw%3D'
file;
$ch=curl_init（）;
curl_setopt（$ch,CURLOPT_URL,$url）;
curl_setopt（$ch,CURLOPT_POST,1）;
curl_setopt（$ch,CURLOPT_POSTFIELDS,$fields）;
curl_exec（$ch）;
if（$error=curl_error（$ch））{
die（$error）;
}
curl_close（$ch）;
3：
上传文件重命名代码
if（$_POST['
fatie'
]）
{
if（is_uploaded_file（$_FILES['
sfile'
]['
tmp_name'
]））
{$file=$_FILES["
sfile"
];
$name=$file["
name"
$type=$file["
type"
$tmp_name=$file["
tmp_name"
$size=$file["
size"
$error=$file["
error"
echo$tmp_name;
switch（$type）{
case'
image/pjpeg'
:
$oktype=true;
break;
image/jpeg'
image/gif'
image/png'
echo"
wo"
.$oktype.$error;
if（$oktype）
{move_uploaded_file（$tmp_name,'
.$name）;
$date=date（'
Ymdhis'
$filetype=pathinfo（$name,PATHINFO_EXTENSION）;
.'
.$filetype;
$destination="
up/"
.$name;
rename（$destination,"
.$newpath）;
aidan01"
）.rotate（{
bind:
{
mouseover:
function（）{
$（"
#zhizhen"
）.rotate（{animateTo:
0}）;
otate（{animateTo:
-45}）;
},
mouseout:
}
}
}）;
6jquery幻灯片varrotation22=setInterval（function（）{
#img00"
）.fadeOut（100）;
#img04"
）.fadeIn（1500）;
）.fadeOut（2500）;
setTimeout（
function（）{
#img03"
#img02"
#img01"
},2000）
},4000）;
7：
登录代码<
php
session_start（）;
if（$_GET[out]）
unset（$_SESSION[PHPSESSID]）;
unset（$_SESSION[name]）;
unset（$_SESSION[password]）;
unset（$_SESSION[nicheng]）;
unset（$_SESSION[lv]）;
unset（$_SESSION[vip]）;
unset（$_SESSION[jy]）;
<
metahttp-equiv='
refresh'
content='
0;
url='
>
"
if（（$_SESSION[PHPSESSID]==0）&
&
（$_SESSION[sestate]!
='
dl'
））
echo"
tablewidth='
100%'
height='
60'
border='
0'
align='
center'
background='
img/'
<
tr>
tdwidth='
90%'
rowspan='
2'
nbsp;
/td>
10%'
40'
valign='
middle'
ahref='
'
target='
_blank'
class='
jj'
fontcolor='
#09f'
size='
+1'
登录<
font>
/a>
/tr>
20'
注册<
/table>
else
if（$_SESSION[PHPSESSID]==1）
{
echo"
20%'
class='
."
br>
#f00'
昵称:
/font>
.$_SESSION[nicheng]."
等级:
.$_SESSION[lv]."
VIP:
.$_SESSION[vip]."
经验:
.$_SESSION[jy]."
include（"
out=out'
#000'
退出<
if（$_SESSION[sestate]=='
）
imgsrc='
.$_SESSION[sekjtou]."
QQ昵称：
.$_SESSION[qqnicheng]."
ajax异步代码
$（document）.ready（function（）{
varrotation22=setInterval（function（）{
htmlobj=$.ajax（{url:
async:
false},2000）;
#myDiv"
）.html;
}）;
8：
正则表达式处理数据
$token=curl_get_contents（"
client_id=0&
client_secret=f3ea38e6c6a139b160a406dbcd91a9c5&
code="
.$_SESSION[secode]."
redirect_uri="
$arr=explode（"
="
$token）;
//去掉等号前面
$tokeno=$arr[1];
$arro=explode（"
$tokeno）;
//正则去掉与号后面
$_SESSION[setokenok]=$arro[0];
//获取token
9：
替换函数
functionbq（$content）
$content=str_replace（"
1"
"
imgsrc=/images/vip/width='
15'
$content）;
0"
（平民）"
9"
（qq用户）"
return$content;
升级会员 