Spring Boot制作个人博客-博客发布页

admin管理员组

文章数量:1616428

文章目录

• • 1、创建页面
  • 2、修改二级导航默认选择
  • 3、top
  • 4、内容多行输入框
  • 5、分类，标签列表
  • 6、首图引用地址
  • 7、复选框
  • 8、按钮
  • 9、添加表达验证
  • 10、最终效果

1、创建页面

• 拷贝blogs.html 改名为blogs-input.html

2、修改二级导航默认选择

3、top

<!--top-->
               <div class="field">
                   <div class="ui left labeled input">
                       <div class="ui selection compact teal basic dropdown label"><!--compact适应文本-->
                           <input type="hidden" value="原创">
                           <i class="dropdown icon"></i>
                           <div class="text">原创</div>
                           <div class="menu">
                               <div class="item" data-value="原创">原创</div>
                               <div class="item" data-value="转载">转载</div>
                               <div class="item" data-value="翻译">翻译</div>
                           </div>
                       </div>
                       <input type="text" name="title" placeholder="标题">
                   </div>
               </div>

4、内容多行输入框

 <!--内容-->
               <div class="field">
                   <textarea placeholder="博客内容" name="content"></textarea>
               </div>

5、分类，标签列表

  <!--分类，标签列表-->
               <div class="two fields">
                   <div class="field">
                       <div class="ui left labeled action input">
                           <label class="ui compact teal basic label">分类</label>
                           <div class="ui fluid selection dropdown"><!--multiple可多选-->
                               <input type="hidden" name="type">
                               <i class="dropdown icon"></i>
                               <div class="default text">分类</div>
                               <div class="menu">
                                   <div class="item" data-value="1">错误日志</div>
                                   <div class="item" data-value="2">开发者手册</div>
                               </div>
                           </div>
                       </div>
                   </div>

                   <div class="field">
                       <div class="ui left labeled action input">
                           <label class="ui compact teal basic label">标签</label>
                           <div class="ui fluid selection multiple search dropdown">
                               <input type="hidden" name="tag">
                               <i class="dropdown icon"></i>
                               <div class="default text">标签</div>
                               <div class="menu">
                                   <div class="item" data-value="1">Java</div>
                                   <div class="item" data-value="2">JavaScript</div>
                               </div>
                           </div>
                       </div>
                   </div>
               </div>

6、首图引用地址

<!--添加首页地址-->
               <div class="field">
                   <div class="ui left labeled input">
                       <label class="ui teal basic label">首图</label>
                       <input type=

本文标签： 博客Springboot