EL-使用EL实现问卷调查

最新推荐文章于 2025-10-23 01:03:54 发布
原创 最新推荐文章于 2025-10-23 01:03:54 发布 · 3k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这篇博客介绍了一个使用EL（Expression Language）来实现的简单问卷调查。用户在表单中输入昵称、所在城市，并通过多选框选择所使用的开发语言。提交后，EL表达式用于在页面上显示用户的输入信息，包括昵称、城市以及选择的开发语言。

用户输入昵称、所在城市，并且以多选的方式让用户选择所使用的开发语言，然后使用EL表达式显示在页面上

问卷调查页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%


 %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'ELenter.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->


  </head>
  
  <body>
  <form action="ELshow.jsp">
    <table>
    
    <tr>
    <td>昵称：</td>
    <td><input type="text"name="name"></td>
    </tr>
    <tr>
    <td>所在城市：</td>
    <td><input type="text"name="city"></td>
    </tr>
    <tr>
    <td>您所使用的语言是：</td>
    <td><input type="checkbox"name="language"value="java">java</td>
    <td><input type="checkbox"name="language"value="C">C</td>
    <td><input type="checkbox"name="language"value="C++">C++</td>
    <td><input type="checkbox"name="language"value="PHP">PHP</td>
    <td><input type="checkbox"name="language"value="ASP">ASP</td>
    </tr>
    <tr>
    <td><input type="submit"value="提交"></td>
    </tr>
    </table>
    </form>
  </body>
</html>

显示页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'ELshow.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->


  </head>
  
  <body>
  您填写的内容是：<br>
  昵称：${param.name }<br>
  所在城市：${param.city }<br>
  使用的开发语言有：${paramValues.language[0] } ${paramValues.language[1] }
  ${paramValues.language[2] }${paramValues.language[3] }
  ${paramValues.language[4] }
  </body>
</html>

LPDFIGHT
关注
vue编写问卷调查表（包含单选，多选，文本输入，时间输入的选择题）
qq_45061876的博客
02-22 2875
vue2实现问卷调查的增删改查，位置移动
【Vue3.0实战逐步深入系列】扩展投票功能基于elementui进行组件封装实现一个简单的问卷调查功能
lixiaosenlin的专栏
11-22 2815
前言 小伙伴们大家好。在前面一偏文章中我们把投票功能进行了简单的改造：引入了axios第三方库并进行了二次封装用于模拟请求服务器数据。同时添加了一个json文件来替代服务器从而达到前后端交互的目的，最终实现了一个可动态配置的，不限个数的投票功能。然而不管有多少个投票功能都只能统计支持和不支持的个数，如果来了新的需求：想要实现点选或者输入功能，那么简单的投票就无法满足。接下来这篇文章就基于前面的投票功能继续扩展改造，实现一个可以点击，可以点选，可以输入的问卷调查功能。 分析 在我们常见的问卷调查中一般都
练习1：使用EL表达式实现一项问卷调查.zip
08-27
练习1：使用EL表达式实现一项问卷调查.zip
Vue.js 实战 问卷调查demo
04-03
Vue.js实战 问卷调查demo， 自己使用vue作用域插槽实现的。2积分就可以了。我改不了啊。是默认5积分吧？？欢迎大家下载。欢迎大家更正
如何快速搭建在线问卷调查系统？Vue-Questionnaire 简易教程
最新发布
gitblog_00154的博客
10-23 384
Vue-Questionnaire 是一个使用 Vue + CI 开发的简易问卷调查系统，适合校内、企业或社区快速构建在线调研工具。该系统支持问卷创建、发布、数据统计等核心功能，且提供直观的管理界面，即使非技术人员也能轻松上手。 ## ✨ 核心功能一览 ### 1. 完整的问卷生命周期管理 - **新建问卷**：通过 [front-end/src/views/edit/edit.vue](ht...
使用EL实现问卷调查
Croyants的博客
12-16 632
题目： 思路：准备两个jsp页面 代码： <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> </head> <body> <form action="04-2ex_two.jsp" method="get"> <p>昵
vue实现调查问卷
upup
03-29 7974
同步展示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...
``` <div v-for="(question, index) in questions" :key="index"> <!-- 单选框 --> <el-form-item v-if="question.question_type === 1" :label="question.question_text" :prop="`${question.question_code}`" :rules="[ { required: true, message: '请选择', trigger: 'change'} ]"> <el-radio-group v-model="formData[question.question_code]" :disabled='isUpdate'> <el-radio v-for="option in question.options" :key="option.option_code" :value="option.option_code">{{ option.option_text }}</el-radio> </el-radio-group> </el-form-item> <!-- 复选框 --> <el-form-item v-else-if="question.question_type === 2" :label="question.question_text" :prop="`${question.question_code}`" :rules="[ { type: 'array', required: true, message: '请至少选择一项', trigger: 'change'} ]"> <el-checkbox-group v-model="formData[question.question_code]" :disabled='isUpdate'> <el-checkbox v-for="option in question.options" :key="option.option_code" :value="option.option_code">{{ option.option_text }}</el-checkbox> </el-checkbox-group> </el-form-item> </div> <el-form ref="formRefs" :model="info" :rules="rules" label-width="80px" @submit.prevent=""> <el-row :gutter="16"> <el-col :span="6"> <el-form-item label="姓名" prop="name"> <el-input clearable v-model="info.name" :disabled='isUpdate' /> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="性别" prop="gender"> <el-input clearable v-model="info.gender" :disabled='isUpdate' /> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="年龄" prop="age"> <el-input clearable v-model="info.age" :disabled='isUpdate' /> </el-form-item> </el-col> </el-row> <el-row :gutter="16"> <el-col :span="10"> <el-form-item label="身份证号" prop="id_no"> <el-input clearable maxlength="18" v-model="info.id_no" :disabled='isUpdate' /> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="联系方式" prop="phone_no"> <el-input clearable maxlength="11" v-model="info.phone_no" :disabled='isUpdate' /> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="调查方式" prop="visit_type"> <el-radio-group v-model="info.visit_type" :disabled='isUpdate'> <el-radio value="自助" label="自助" /> <el-radio value="电话" label="电话" /> <el-radio value="微信" label="微信" /> </el-radio-group> </el-form-item> </el-col> </el-row> </el-form>```vue3如何实现一个提交按钮校验两个el-form 表单
03-08
### 实现思路 1. **给每个表单设置引用**：为每个 `<el-form>` 设置唯一的 `ref` 属性以便于获取对应的实例。 2. **编写提交函数**： - 遍历这两个表单的引用并分别触发它们的 `.validate()` 方法来进行异步校验。...
el-radio-group下的每个el-radio进行数据绑定
06-14
例如，在问卷调查场景下，可以使用问题索引或唯一 ID 来区分不同问题的单选框组。 ```vue <div v-for="(question, index) in questions" :key="index"> <el-radio-group v-model="answers[index]" class="w_...
VueX的使用------简单的问卷调查应用
weixin_41899821的博客
08-04 1402
    先说明一下这个demo，这个demo出自《vue.js实战》进阶篇开头的一个作业。有些功能目前没有实现，比如当前页不满足验证要求，下一步的按钮就不能使用。这个思路是有的：加一个:disabled="XXX'的属性即可，但是目前急着找工作，有空的时候，再把这个功能给加上，以及在这个基础上不断完善这个Webapp的功能。 demo的本意是做一个比较完整的dany单页面应用，但是登录注册模...
基于Vue实现的问卷调查平台
程序员小R的博客
04-06 4884
问卷调查平台 今天给大家分享的是基于vue实现的问卷调查平台 安装教程 vue的安装环境其实挺简单的 1.首先安装node.js，vue是基于上面运行的 2.安装vue 环境 这里就不写教程了，大家可以百度搜索“vue环境搭建”，访问第一个地址即可，一步一步的安装就行 项目运行 1.解压文件 2.打卡cmd，进入该文件夹 3.执行打包命令，图片所示的npm run build 命令，等待执行完成 4.执行运行命令：npm run dev，浏览器输入图片所示的地址即可打卡 5.如何在局域网使用你
JSP+Servlet调查问卷
06-14
最简单的jsp+servlet实现调查问卷，不需要数据库。
[vue2,nodejs,echarts,json]调查问卷
12-15
【学习实践用】 后台：nodejs 前台：vue2 式样：uiKit 图表：echarts 存储：json文件 打包：webpack 功能：调查问卷的添加，修改，投票以及结果查看 文件结构： client：前端vue server：后台nodejs server/data：存储数据的json文件 其余配置文件 运行方式： 安装依赖：npm install 运行：npm run dev 端口：1988
一个以vuejs为前端框架的问卷调查平台
08-10
一个以vue.js为前端框架的问卷调查平台
Node.js-基于VueJsNodeJSMongoDB的多人管理问卷平台
08-09
基于 VueJs NodeJS MongoDB 的多人管理问卷平台
项目的需求调查问卷
独来独往的猫的世界
12-07 1458
看了《系统分析与设计》（机械工业出版社）之后，给了我很多启发，它介绍了一个软件项目如何从无到有，并让用户使用方便的全过程。对于如何使我们的项目开发的软件更贴近用户，一直让我十分头痛，毕竟我们只是在校学生来做项目，资源较少。看了这本书，我想到用书上的一个办法－－调查问卷。历经三次改动，v1.3版的问卷出炉了。不过现在还有个难题，就是找人填问卷了，有什么好方法呢？需求调查问卷 第一部分：填
关于EL表达式使用方式
Fighting1021的博客
11-08 544
要弄明白EL表达式使用 首先需要掌握JAVA WEB的四大作用域:  参考链接：http://blog.youkuaiyun.com/ning_576555615/article/details/48494785 page指当前页面有效 request 指在一次请求的全过程中有效(从客户端发送请求开始 到服务器响应结束) Session是用户全局变量，在整个会话期间都有效(一次会话多次请求
【汇智学堂】EL表达式应用示例(使用EL表达式实现计算器)
weixin_39593940的博客
02-04 1362
elcount.jsp: <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>elcount</title> </head> <body> <form action="...
JavaWeb——EL表达式
如不來的博客
06-13 489
一、EL表达式简介  EL表达式(Expression Language)，是一种表达式语言。JSP的后期版本(2.0以后)是不允许使用脚本片段 <% %> 以及JSP表达式<%=%>的，使用EL表达式来代替JSP表达式，使用标签来代替脚本片段。EL表达式用于在页面中输出一个对象，EL可以直接将域中的对象在页面中输出。 二、基本语法  语法格式：${表达式}  EL可以用来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值