3.3 课程预览技术方案
根据要求：课程详情页面采用静态化技术生成Html页面，课程预览的效果要与最终静态化的Html页面内容一致。
所以，课程预览功能也采用静态化技术生成Html页面，课程预览使用的模板与课程详情页面模板一致，这样就可 以保证课程预览的效果与最终课程详情页面的效果一致。
操作流程：
1、制作课程详情页面模板
2、开发课程详情页面数据模型的查询接口（为静态化提供数据） 3、调用cms课程预览接口通过浏览器浏览静态文件
4 课程详情页面静态化 4.1 静态页面测试 4.1.1 页面内容组成
我们在编写一个页面时需要知道哪些信息是静态信息，哪些信息为动态信息，下图是页面的设计图：
打开静态页面，观察每部分的内容。
红色表示动态信息，红色以外表示静态信息。
红色动态信息：表示一个按钮，根据用户的登录状态、课程的购买状态显示按钮的名称及按钮的事件。
包括以下信息内容：
1、课程信息
课程标题、价格、课程等级、授课模式、课程图片、课程介绍、课程目录。 2、课程统计信息
课程时长、评分、收藏人数 3、教育机构信息
公司名称、公司简介 4、教育机构统计信息
好评数、课程数、学生人数
5、教师信息
老师名称、老师介绍
4.1.2 页面拆分
将页面拆分成如下页面：
1、页头
本页头文件和门户使用的页头为同一个文件。
参考：代码\页面与模板\include\header.html 2、页面尾
本页尾文件和门户使用的页尾为同一个文件。
参考：代码\页面与模板\include\footer.html 3、课程详情主页面
每个课程对应一个文件，命名规则为：课程id.html（课程id动态变化） 模板页面参考：\代码\页面与模板\course\detail\course_main_template.html 4、教育机构页面
每个教育机构对应一个文件，文件的命名规则为：company_info_公司id.html（公司id动态变化） 参考：代码\页面与模板\company\company_info_template.html
5、老师信息页面 每个教师信息对应一个文件，文件的命名规则为：teacher_info_教师id.html（教师id动态变化）
参考：代码\页面与模板\teacher\teacher_info_template01.html 6、课程统计页面
每个课程对应一个文件，文件的命名规则为：course_stat_课程id.json（课程id动态变化） 参考：\代码\页面与模板\stat\course\course_stat_template.json
7、教育机构统计页面 每个教育机构对应一个文件，文件的命名规则为：company_stat_公司id.json（公司id动态变化） 参考：\代码\页面与模板\stat\company\company_stat_template.json
|
|
收藏
淘帖
踩
