1. Johngo学长首页
  2. 技术点详细复盘专题
  3. 其他编程语言
  4. Java

spring boot html+vue.js 形式前后分离代码示例

• Java • 阅读 63

1.html

<table <span class="hljs-class"><span class="hljs-keyword">class=<span class="hljs-string">"table table-hover">
    <span class="xml"><span class="hljs-tag"><<span class="hljs-name">thead>
      <span class="hljs-tag"><<span class="hljs-name">tr>
        <span class="hljs-tag"><<span class="hljs-name">th <span class="hljs-attr">style=<span class="hljs-string">"width: 50px;" <span class="hljs-attr">id=<span class="hljs-string">"cts">
        <span class="hljs-tag"><<span class="hljs-name">div <span class="hljs-attr">class=<span class="hljs-string">"checkbox d-inline">
             <span class="hljs-tag"><<span class="hljs-name">input <span class="hljs-attr">type=<span class="hljs-string">"checkbox" <span class="hljs-attr">name=<span class="hljs-string">"fhcheckbox" <span class="hljs-attr">id=<span class="hljs-string">"zcheckbox">
             <span class="hljs-tag"><<span class="hljs-name">label  <span class="hljs-attr">style=<span class="hljs-string">"max-height: 12px;" <span class="hljs-attr">for=<span class="hljs-string">"zcheckbox" <span class="hljs-attr">class=<span class="hljs-string">"cr"><span class="hljs-tag">label>
             <span class="hljs-tag">div>
                <span class="hljs-tag">th>
        <span class="hljs-tag"><<span class="hljs-name">th <span class="hljs-attr">style=<span class="hljs-string">"width: 50px;">NO<span class="hljs-tag">th>
        <span class="hljs-tag"><<span class="hljs-name">th>&#x540D;&#x79F0;<span class="hljs-tag">th>
        <span class="hljs-tag"><<span class="hljs-name">th>&#x6743;&#x9650;&#x6807;&#x8BC6;<span class="hljs-tag">th>
        <span class="hljs-tag"><<span class="hljs-name">th>&#x5907;&#x6CE8;<span class="hljs-tag">th>
        <span class="hljs-tag"><<span class="hljs-name">th>&#x64CD;&#x4F5C;<span class="hljs-tag">th>
        <span class="hljs-tag">tr>
       <span class="hljs-tag">thead>
    <span class="hljs-tag"><<span class="hljs-name">tbody>
        </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></table>

2.js 代码

<span class="hljs-keyword">var vm = <span class="hljs-keyword">new Vue({
    <span class="hljs-attr">el: <span class="hljs-string">'#app',

    <span class="hljs-attr">data:{
        <span class="hljs-attr">varList: [],    </span></span></span></span></span></span>
  1. 后台代码
package org.fh.controller.system;

<span class="hljs-keyword">import java.util.HashMap;
<span class="hljs-keyword">import java.util.List;
<span class="hljs-keyword">import java.util.Map;

<span class="hljs-keyword">import org.apache.shiro.authz.annotation.RequiresPermissions;
<span class="hljs-keyword">import org.fh.controller.base.BaseController;
<span class="hljs-keyword">import org.fh.entity.Page;
<span class="hljs-keyword">import org.fh.entity.PageData;
<span class="hljs-keyword">import org.fh.service.system.FHlogService;
<span class="hljs-keyword">import org.fh.service.system.FhButtonService;
<span class="hljs-keyword">import org.fh.util.Jurisdiction;
<span class="hljs-keyword">import org.fh.util.Tools;
<span class="hljs-keyword">import org.springframework.beans.factory.annotation.Autowired;
<span class="hljs-keyword">import org.springframework.stereotype.Controller;
<span class="hljs-keyword">import org.springframework.web.bind.annotation.RequestMapping;
<span class="hljs-keyword">import org.springframework.web.bind.annotation.ResponseBody;

</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>

​-----------------------------------------------------------------自定义表单28. 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版29. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版30. 我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等31. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则32. 挂靠记录：记录表单数据和流程实例ID关联记录，可删除

Original: https://www.cnblogs.com/m13002622490/p/16355356.html
Author: m13002622490
Title: spring boot html+vue.js 形式前后分离代码示例

原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/589411/

转载文章受原作者版权保护。转载请注明原作者出处！

赞 (0)
0

【自取】最近整理的，有需要可以领取学习：



Linux核心资料大放送~

全栈面试题汇总（持续更新&可下载）

一个提高学习100%效率的工具！

【超详细】深度学习面试题目！

LeetCode Python刷题答案下载！

LeetCode Java版刷题答案下载！

LeetCode C++ 版本，抓紧保存！

LeetCode GO语言 刷题答案下载！

大家都在看

亲爱的 Coder【最近整理，可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球