前端调⽤后端的写法
前端代码:
1<div v-if="vmCheckItem.installType === '⾃动安装'">
2 <!--<FormItem :label="$t('⽤户名:')" prop="email" >-->
3 <!--<Input v-model="vmCheckItem.username" placeholder="" clearable/>-->
4 <!--</FormItem>-->
5 <FormItem :label="$t('密码:')" prop="password" >
6 <Input v-model="vmCheckItem.password" placeholder="" clearable/>
7 </FormItem>
8 </div>
js中的⽅法介绍:
1this.$http.post("/ssa/java/asset/vm/getPwd", {vmIp: ip}).then(res => {
2 de == 0){ //已经到密码
3 //验证探针是否启动
4 this.vmCheckItem.password = res.sshPassword;
5 }else{
6 this.$('检查不到 '+ip+'的对应的密码,请先设置密码');
7 //添加密码
8 }
9 });
controller层代码:
1
2 //终端页⾯密码的回显
3 @RequestMapping("/getPwd")
4 public ResponseTemplate getPwd(HttpServletRequest request, HttpServletResponse response){
5 try {
前端跟后端哪个就业难6 String vmIp = Parameter("vmIp");
7 if(StringUtil.isNotEmpty(vmIp)){
8 List<Map<String,Object>> vmlist = PwdByIp(vmIp);
9 if(vmlist !=null && vmlist.size()>0){
10 Map<String,Object> vm = (0);
11 ("sshPassword") !=null ){
12 //成功获取密码
13
14 return new ResponseTemplate(("sshPassword").toString());
15 }else{
16 //获取密码失败
17 return new ResponseTemplate(-1);
18 }
19 }
20 }
21 } catch (Exception e) {
22 e.printStackTrace();
23 ("deleteGroup error message",e);
24 }
25 return new ResponseTemplate(-1);
26 }
vue前端去接数据的时候,是按照(k,v)的格式去接的。使⽤的是map的⽅式。
在这个业务中,后台调⽤的是Java接⼝。
service层代码:
1
2 //终端页⾯密码回显功能的实现
3 List<Map<String,Object>> getPwdByIp(String vmIp);
serviceImpl层代码:
1 //终端页⾯,根据IP来回显页⾯的密码
2 @Override
3 public List<Map<String, Object>> getPwdByIp(String vmIp) {
4 return jdbcTemplate.queryForList(" SELECT * from asset_vm where vmIp = ? ",new Object[]{vmIp});
5 }
SQL语句:
select * from tb
在这⼀套中,后端⼤的框架中,其实还是使⽤原⽣的JDBC去操作数据库的。
在这⾥使⽤了注⼊的⽅式:
1 @Autowired
2 @Qualifier("mysqlJdbcTemplate")
3 private JdbcTemplate jdbcTemplate;
4
5 @Autowired
6 @Qualifier("postgresJdbcTemplate")
7 private JdbcTemplate jdbcTemplate1;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论