我是靠谱客的博主 简单朋友,最近开发中收集的这篇文章主要介绍根据数据库中字段的不同数字,页面使用不同的html标签,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

当数据库中的 type为0的时候 要用  <input type= “text”>标签

当数据库中的type为1的时候 要用 <textarea></textarea>标签

及其他字段用其他标签。


 首先 从后台将需要的数据传入前台

Controller:

@RequestMapping(value = "/xxx", method =RequestMethod.GET)

    public Stringxxx(Page page,HttpServletRequest request) {

      request.setAttribute("list",systemLeimuService.getAll(page));

        return "/member/page/userData/xxxList";

}

Service:

publicList<UcSystemLeimu>getAll(Pagepage){

      List<UcSystemLeimu> ucSystemLeimu = ucSystemLeimuMapper.findAll(page.getSearchValue());

      returnucSystemLeimu;

  }


Mapper:

List<UcSystemLeimu> findAll(@Param("searchValue")String searchValue);


Mapper.xml:

<selectid="findAll"resultMap="BaseResultMap">

  select

    <includerefid="Base_Column_List"/>

  fromuc_system_leimu

  <where>

      <if test="searchValue != null">

         namelike concat ('%',#{searchValue},'%')

      </ if >

前台页面用c标签

第一种方法:逻辑简单,易于理解

<c:forEach var="xxx"items="${list}" varStatus="status">

       <li>

           <label><font color="red">*</font>${xxx.name}:</label>

           <c:if test="${xxx.type == 0}">

               <input class="${xxx.type}"name="${xxx.descri}">

           </c:if>

           <c:if test="${xxx.type == 1}">

               <textarea class="${xxx.type}"></textarea>

           </c:if>

           

       </li>

</c:forEach>

 

第二种方法 有点绕   当数据库中type=0时 需要显示的是input  textarea的class=0+1  所有用$(".1").hide();就把textarea隐藏了,当数据库中的type=1时,需要显示的是textarea   这时候 input的class=1  textarea 的class=2   所有用$(".1").hide();就把input隐藏了

 

<c:forEach var="xxx"items="${list}" varStatus="status">

                             

    <li><label><fontcolor="red">*</font>${xxx.name}:</label>

<input class="${xxx.type}"name="${xxx.applyforx}">

<textareaclass="${xxx.type+1}"></textarea>

</li>

  </c:forEach>






最后

以上就是简单朋友为你收集整理的根据数据库中字段的不同数字,页面使用不同的html标签的全部内容,希望文章能够帮你解决根据数据库中字段的不同数字,页面使用不同的html标签所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(64)

评论列表共有 0 条评论

立即
投稿
返回
顶部