学成在线 第9天 讲义-课程预览 Eureka Feign 五

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

 
打开静态页面,观察每部分的内容。 
红色表示动态信息,红色以外表示静态信息。 
红色动态信息:表示个按钮,根据用户的登录状态、课程的购买状态显示按钮的名称及按钮的事件。
包括以下信息内容: 
1、课程信息 
课程标题、价格、课程等级、授课模式、课程图片、课程介绍、课程目录。 
2、课程统计信息 
课程时长、评分、收藏人数 
3、教育机构信息 
公司名称、公司简介 
4、教育机构统计信息 
好评数、课程数、学生人数 
5、教师信息 
老师名称、老师介绍 
4.1.2 页面拆分 
将页面拆分成如下页面: 
1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值