新手程序员工作日志 2017.5.2.

今天真是开始总结一下这20 天我做的一个任务说实话功能实现了呃呃人家不让更新提交我去我就次到这种境界吗

1.任务概述

任务要求我在我的题库界面的删除按钮旁边增加一个修改试题按钮点击该按钮、进入相应试题并完成试题的修改

解析：这是一个非常常见的有需要一定基础的功能实现任务在此我为大家讲下这类问题的思路以及我的解决过程因为每个公司的编程规则习惯不一样所以跟我遇到

一样难题的兄弟们我只能告诉大家一个具体实现的思路具体的一些问题还得各自公司的老手们

下面废话不多说开始

----------------------------------------------------------------------------------------------------------------------------

1 首先修改试题的这个按钮分为 2 个程序

1 . 点击该按钮跳转界面触发查询回显，将数据库的信息返回到相应的页面上

2. 修改完试题后点击页面的保存按钮数据保存到相应试题完成试题的修改

---------------------------------------------------------------------------------------------

1 从第一个小功能开始点击相应试题实现页面的跳转并触发查询

html += '<a class="btn btn-primary btn-xs" name ="query" href="'+_ctx+'/theme/update.action?theme_id='+theme.theme_id+'&subject_id='+_subject_id+'">修改试题</a>';

上面的这段程序就是点击相应按钮是按钮的程序代码

可见上面是一个拼装的html 的方法求编辑一个 jsp 页面这是一个点击这个 <href>会触发 update动作（这个update是我后期在action 集中自己写的及struts层）

然后 ?theme_id='+theme.theme_id+'&subject_id='+_subject_id+' 这句话的意思是可以理解为将这道题的试题 ID 以及学科id 带入到action中相应的动作事件中

（这是我们公司项目的设定的必须试题id和学科id 进行双定位查询一般都是单个的id ）这里的事update。jsp文件意思是将该试题的id 号显示并标记。

以上这个就是我所说的 action集既是struts 层的这里点击链接触发的就是我所画圈的这个该函数的功能就是实现页面的跳转因为一般来说页面的跳转都是有struts层去控制的当然这还不算完

触发该函数后还会触发 struts。xml文件该文件代码如下

该文件就是关于页面跳转的路径问题如画的所示如果themeaction返回的是update 的话则会在这里进行页面的跳转。

以上就是页面跳转功能的实现。

--------------------------------------------------------------------------------------------------------------------------------------------------------

2 触发查询的写法

首先我们公司的项目是以 action 既是上面所说的东西完成页面的跳转的

而 Ajax 去实现数据的传输

所以在查询时就体现出Ajax的重要性了

代码如下

    var getTheme = function() {                                              我在这里解释一下这个代码给新手的讲讲   当跳转到相应的试题修改的界面会有
       $.ajax({
            url : _ctx +"/theme/getTheme.action",                       jQuery(document).ready(function(){
            type : 'get',                                                                                   Update.init();
            dataType:'json',                                                                         });
            data : {
               theme_id : _theme_id,                                                 这里是说当页面加载后会自动执行 Update.init();函数   这个函数里就有这个
               subject_id : _subject_id                                                   Ajax               type指的是 get 就是获取信息
           },                                                                                                     data 指的是将theme-id 和 subject-id 传到后台
            success : function(data) {         如果后台返回 success 的话将执行success的函数否则执行error的                      函数程序。
              if(data.code == '+1000') {//成功                                                这里的data 指的是从后台查询到的数据返回的结果集。
               var theme = data.body;

...................................................

....................................................

       }else if(data.code == '-1000'){//失败
              }
            },
            error : function(data) {
               Modal.warning('提示','信息查询失败！');
            }
       });
   };

这写代码就是实现查询功能的 js 文件的代码当然这不完全。........................这些地方省略的事页面回显的功能一般页面回显是 JQ实现的简单有效建议都去看看很重要的前端技术待会我会细讲回显的问题这里先把查询讲了。

在Ajax将数据传到了themeaction 后才能再传到后台