Java的新项目学成在线笔记-day9(八)

3.3 课程预览技术方案 

根据要求:课程详情页面采用静态化技术生成Html页面,课程预览的效果要与最终静态化的Html页面内容一致。

所以,课程预览功能也采用静态化技术生成Html页面,课程预览使用的模板与课程详情页面模板一致,这样就可 以保证课程预览的效果与最终课程详情页面的效果一致。
操作流程:
1、制作课程详情页面模板
2、开发课程详情页面数据模型的查询接口(为静态化提供数据) 3、调用cms课程预览接口通过浏览器浏览静态文件
Java的新项目学成在线笔记-day9(八) 
4 课程详情页面静态化 4.1 静态页面测试 4.1.1 页面内容组成 
我们在编写一个页面时需要知道哪些信息是静态信息,哪些信息为动态信息,下图是页面的设计图:

Java的新项目学成在线笔记-day9(八) 
打开静态页面,观察每部分的内容。
红色表示动态信息,红色以外表示静态信息。
红色动态信息:表示一个按钮,根据用户的登录状态、课程的购买状态显示按钮的名称及按钮的事件。
包括以下信息内容:
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

 

上一篇:【Java入门提高篇】Day9 Java内部类——静态内部类


下一篇:算法练习Day9 [LeetCode]415. 字符串相加