发表于: 2017-12-23 18:28:05

2 505


一、    今天完成的事情

应该算完成了吧???

代码地址:https://github.com/hdonghong/codetask/tree/master/task4/tilesdemo

一、找到一个通关任务的CSS学员,要到Task9中的静态页面,将其中的静态内容变成动态内容,设计DB

①下载官网的提供的web

先建好Maven项目,这里我搭建了SSM框架。

t10t11两个文件夹放到项目下,并作适当修改

                                             

注意后缀名html改成jsp后,文件需要添加jsp标签

②设计表字段

下面图片中英文表示设计的字段名。

左图为applicant表,右图为profession表。

                      

      注意: “门槛”字段、“难易程度”字段的使用int类型表示星星的数量。

      t10页面使用applicant()t11页面使用profession()

                    

③修改html页面

      t10.jsp中:使用原先引入jstl库的<c:foreach>标签迭代model中的list

     

      t11.jsp中:对“门槛”字段、“难易程度”字段使用<c:foreach>迭代展示星星。

      

       ④步骤一成果展示

         

         

二、用Tiles来完成页面的复用配置,用Tag标签来处理时间的转换,可以自行写一个JSP的时间处理Tag,可以根据传入的时间格式把Long变成对应的格式。

     ①确保使用tiles复用页面的jsp页面已经引入了tiles(上面已做过)

       

      ②确定要复用的页面。这里我选了页头和页面。

         

      抽取出相关的前端代码,分别放入新建的head.jspfoot.jsp

pom.xml引入相关依赖

         

/WEB-INF下新建general.xml作为tiles的配置文件

     

    

springMvc配置文件中整合tiles

          


⑥修改原来的html页面

t10t11中的页头和页脚前端代码删除,使用<tiles:insertAttribute>标签引入head.jspfoot.jsp文件。

     

⑦转换日期格式

通过fmt库进行转换。

⑧步骤二成果展示

效果和步骤一差不多,主要是增加的日期。

三、部署到云服务器上

     同任务三步骤。()

二、    明天计划的事情

三、    遇到的问题

       还好

四、    收获



返回列表 返回列表
评论

    分享到