在JSP页面中获取保存在Session中的用户信息

shenyu

背景：jsp页面代码是通过online开发自动生成的，修改页面跟新增页面是同一个jsp。当用户新增的数据的时候让用户手动输入姓名。
需求：
当用户新增一条数据时，动态的从session中获取用户信息并将用户名提出出来保存到姓名的标签中。
原本的界面是让用户手动输入的。
原本的代码

1. <!--新增界面-->
   
2.                         <el-form label-width="80px" size="mini">
   
3.                                 <el-row>
   
4.                                           <el-col :span="8">
   
5.                                         <el-form-item label="姓名" prop="name">
   
6.                                                 <el-input v-model="form.name" name="name" auto-complete="off" placeholder="请输入姓名"></el-input>
   
7.                                         </el-form-item>
   
8.                                         </el-col>
   
9.                                           <el-col :span="8">
   
10.                                         <el-form-item label="日期">
    
11.                                                 <el-date-picker type="date" name="createDate" placeholder="选择日期" v-model="form.createDate"></el-date-picker>
    
12.                                         </el-form-item>
    
13.                                         </el-col>
    
14.                                 </el-row>
    
15.                         </el-form>

复制代码

Vue.js不是很熟悉，有没有大佬可以提供一下思路。

shenyu

自顶

shenyu

陷到vue的框中了，一直都在想怎么用vue去解决，后来经过尝试，先通过原生的js去解决问题
代码如下

1. <input  type="text" value="${sessionScope.LOCAL_CLINET_USER.updateName}" disabled></input>

复制代码

解释：sessionScope可以获取保存在session中的值
         LOCAL_CLINET_USER为session的key
         updateName为用户姓名
但是刷新页面发现可以实现，但是样式丢失了，后来尝试在原始的js上加入vue的元素，代码如下

1. <el-input  type="text" value="${sessionScope.LOCAL_CLINET_USER.updateName}" disabled></el-input>

复制代码

仅仅是加入了一个el，保留样式的同时达到自己想要的效果。