根据json 动态生成页面—

后台向前端传递的json串

{"groups":[{"group":[{"answer":["北京市","天津市","河北省","山西省","内蒙古自治区","辽宁省"],"title":"请选择最想就读大学的省份","type":"Check","minchoose":2,"required":"1"},{"answer":["北京","上海","天津","重庆","南京"],"title":"请选择最想就读大学的城市","type":"Check","minchoose":2,"required":"1"}],"title":"下面的每一个问题，请针对自己实际情况作出选择"}],"title":"了解择校地域倾向","description":"xxxxxxxxxx","ending":"xxxxxxxxxx"
}

根据json串形成页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8" /><title>问卷调查</title><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><link rel="stylesheet" href="/Resources/Libs/Mui/css/mui.min.css" /><link rel="stylesheet" type="text/css" href="/Resources/Libs/Mui/css/app.css" /><script src="/Resources/Libs/Jquery/1.8.3/jquery.js" type="text/javascript"></script><script src="/Resources/Libs/Mui/js/mui.js"></script><style>h5 {margin: 5px 7px;}</style>
</head>
<body><header class="mui-bar mui-bar-nav" id="headtitle"></header><div class="mui-content"><div class="mui-card"><div id="headdescription" class="mui-card-content"></div></div><div class="mui-card"><form id="form1" class="mui-input-group"><div class="mui-button-row"><button type="button" class="mui-btn mui-btn-primary">确认</button>&nbsp;&nbsp;          </div></form></div></div>

实现效果：

根据json 动态生成页面——问卷页面相关推荐

php动态生成页面结构,PHP 动态生成静态HTML页面示例代码
temp.html {penglig_site_title} test.php header('content-type:text/html; charset=utf-8');//防止生成的页面乱码 ...
动态生成的html页面转pdf并且打印预览
文章说明程序的功能: 通过js动态生成html页面并将该页面传送到后台转成pdf,再通过前台将pdf打印预览先大约讲述一下具体实现过程 1.在js页面将你自己需要拼装好html页面通过ajax传到 ...
html页面按钮布局,js动态生成按钮，页面用DIV简单布局(示例代码)
今天朋友让我忙帮给写个页面,由于时间紧破,所以没有完善,暂时先贴出来,以后有时间了在做修改 * { margin: 0px; padding: 0px; } .header { width: 100% ...
js动态生成按钮，页面用DIV简单布局2
对前边不完善的修改 <!DOCTYPE html> <html> <head> <title>test.html</title> <m ...
json动态生成复杂表头excel_Excel办公用品管理系统，全函数统算，图表动态展示高效轻松...
Hello大家好,我是帮帮.今天跟大家分享一张Excel办公用品管理系统,全函数统算,图表动态展示,高效轻松. 有个好消息!为了方便大家更快的掌握技巧,寻找捷径.请大家点击文章末尾的"了解更 ...
awstats CGI模式下动态生成页面缓慢的改进
本文可以看做是多server多站点情况下awstats日志分析这篇文章的下篇,在使用过程中发现awstats在cgi模式下动态生成分析报告慢的问题 (尤其是有些站点每天两个多G的日志,查看起来简直 ...
JS实现动态生成表格并提交表格数据向后端表格中数据转为json
原文地址需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端服务器保存. 首先动态生成表格. 1.首先我们需要导入JS库文件.jQuery 2.然后在页面d ...
基于 element-plus 封装一个依赖 json 动态渲染的查询控件
前情回顾优惠券网站 m.cps3.cn 基于 el-form 封装一个依赖 json 动态渲染的表单控件 Vue3 封装第三方组件(一)做一个合格的传声筒功能使用 vue3 + element- ...
jsp页面根据json数据动态生成table
根据需求由于不同的表要在同一个jsp展示,点击某个表名便显示某张表内容,对于java后台传给jsp页面的json形式的数据是怎么动态生成table的呢? 找了好久,终于找到某位前辈的答案,在此表示衷心 ...

根据json 动态生成页面——问卷页面

后台向前端传递的json串

根据json串形成页面

实现效果：

根据json 动态生成页面——问卷页面相关推荐

最新文章

热门文章