前端文档.md

前端文档

html概述

base.html: 导航栏及css、js文件的复用

index.html: 主页网站

userInfo.html: 个人信息页

teacherPage.html: 教师界面

rankPage.html: 课程排行界面

searchResult_new.html: 搜索课程结果页

coursePage_new.html: 具体课程页

ratePage_new.html: 课程评价页

JavaScript概述

login.js: 登录/注册，个人信息修改等功能

validateSignUp

function validateSignUp() 
//判断注册的内容是否合法

Func_signUp

function Func_signUp()
//若注册内容合法，给出提示注册成功；否则给出注册错误信息

validateSignIn

function validateSignIn() 
//判断登录时的内容是否合法

Func_signIn

function Func_signIn()
//若注册内容合法，进入登录状态；否则给出登录错误信息

Func_signOut

function Func_signOut()
//注销功能

Func_toUserInfo

function Func_toUserInfo()
//跳转至个人信息页面

Func_saveUserInfo

function Func_saveUserInfo()
//保存个人信息修改

Func_saveUserPic

function Func_saveUserPic()
//保存头像修改

Func_getCaptcha

function Func_getCaptcha()
//在注册/登录时生成验证码图片

Func_changeCaptcha

function Func_changeCaptcha()
//更换一张验证码图片

index.js：提供主页的js功能

Func_search

function Func_search()
//根据选择的学校、专业及关键字，跳转至相应的课程搜索页

clickSearchButton

function clickSearchButton()
//点击搜索课程按钮时，出现课程搜索框

主页加载完后的js代码

$(document).ready(function(){.... })
//提供登录/注册表单的表单验证
//提供学校、专业选择功能及课程关键字搜索功能

coursePage.js: 课程界面js，主要提供课程评价展示、点赞、点踩功能

Func_addLike

function Func_addLike()
//对于评价点赞

Func_addDislike

function Func_addDislike()
//对于评价点赞

generateGrid

function generateGrid(imageUrls, userName, userid, text, time, goodTimes, badTimes, commentId) 
//生成评价在html代码中的框架

setComments

function setComments()
//获取评论相关信息，填入html框架然后展示

ratePage.js：评价界面js，提供课程评价功能

chooseScore

function chooseScore(id)
//选择一门课程的评分

Func_submit

function Func_submit()
//对于正常的评价进行提交；对于没有打分的或是字数不合要求的评价给出错误提示

searchPage.js: 搜索界面js，提供搜索功能

Func_search_course

function Func_search_course()
//按照关键字跳转至相应的课程搜索页

rankPage.js: 课程排行页面js，按照课程/老师的评分排行来展示课程/老师

userInfo.js: 个人信息界面js，提供个人信息页登录/注册表单的表单验证

文件调用关系

base.html调用login.js，即导航栏调用注册/登录功能。

index.html调用base.html和index.js。

userInfo.html调用base.html和userInfo.js。

teacherPage.html调用base.html和userInfo.js。

rankPage.html调用base.html和rankPage.js。

searchResult_new.html调用base.html和searchResult.js。

coursePage_new.html调用base.html和coursePage.js。

ratePage_new.html调用base.html和ratePage.js。