个人中心
gpt4 book ai didi

angularjs - CRUD在angularJs和struts2中的应用

转载 作者：行者123 更新时间：2023-12-04 10:47:12 25 4
gpt4 key购买 nike

我想要一个在 struts2 和 angularJs 中的简单 CRUD 应用程序。

我试过下面的代码

addTourController.js

 var myapp = angular.module('myapp', []);
 myapp.controller('addTourCart', function($scope, $http){
 $scope.getDataFromServer = function(){
     var jouMObj={};
     var params = {
        "FromState" : $scope.TourFromState,
        "FromCity" : $scope.TourFromCity,
        "FromDate" : $scope.TourFromDate,
        "ToState" : $scope.TourToState,
        "ToCity" : $scope.TourToCity,
        "ToDate" : $scope.TourToDate,
        "Purpose" : $scope.purpose,
        "StayDetails" : $scope.TourStayMode
     };
     var data = angular.toJson(params);
     $http( {
            method : 'POST',
            url : 'addTourCart.action',
            data : 'value=' + data,
            headers : {
                'Content-Type' : 'application/x-www-form-urlencoded'
            }
        }).success(function(data){
            $scope.jouMObj = data.jouMObj;
            alert(data.jouMObj);
            alert(params.FromDate);
     });
  }
 });

jsp页面

   <!DOCTYPE html>
   <html>
   <head>
   <meta charset="ISO-8859-1">
   <title>Tour</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">  </script>
</head>
<body>
<div ng-app="myapp">
          <div id="divjourneydetail" ng-controller="addTourCart">
                    <table id="table2" align="center"  cellpadding="0" cellspacing = "0">
                    <tr>
                        <th><b>From</b></th>
                        <th><b>To</b></th>
                        <th><b>Travel Details</b></th>
                        <th>Add / Reset</th>
                    </tr>
                    <tr>
                        <td><strong>State/City</strong></td>
                        <td><strong>Date</strong></td>
                        <td><strong>State/City</strong></td>
                        <td><strong>Date</strong></td>
                        <td><strong>Purpose</strong></td>
                        <td><strong>Stay Detail</strong></td>
                        <td>
                            <input type="button" id="AddTourDtl" value="Add" ng-click="getDataFromServer()"/>
                      </td>
                    </tr>
                    <tr>
                        <td>
                            <s:select name="TourFromState" id="TourFromState" list="statelist" listKey="stateCode" listValue="stateName" ng-model="TourFromState" headerKey="" headerValue="-Select State-" value="27" onchange="jFun_stateByCityList(this.value,'TourFromCity')"/>
                            <div id="tourReplaceCity">
                                <s:select name="TourFromCity" id="TourFromCity" list="citylist" listKey="regCd" listValue="distName" ng-model="TourFromCity"  headerKey="" headerValue="-Select City-" onchange="jFun_setNewCity(this.value,'getTourFromNewCity','NewTourFromCity')"/>
                            </div>
                            <div id="getTourFromNewCity"></div>
                        </td>
                        <td>
                            <input type="text" name="FromDate" id="TourFromDate" value=""  maxlength="10" ng-model="TourFromDate" >
                            <img src="<%=request.getContextPath()%>/MahBill/Images/calender_anim.gif" onClick="popupCalender('TourFromDate');"  width="19" height="19"  >
                        </td>
                        <td>
                            <s:select name="TourToState" id="TourToState" list="statelist" listKey="stateCode" listValue="stateName" ng-model="TourToState" headerKey="" headerValue="-Select State-"value="27" onchange="jFun_stateByCityList(this.value,'TourToCity')"/>
                            <div id="tourReplaceToCity">
                                <s:select name="TourToCity" id="TourToCity" list="citylist" listKey="regCd" listValue="distName" ng-model="TourToCity" headerKey="" headerValue="-Select City-" onchange="jFun_setNewCity(this.value,'getTourNewCity','NewTourToCity')"/>
                            </div>
                            <div id="getTourNewCity" ></div>
                        </td>
                        <td>
                            <input type="text" name="TourToDate" id="TourToDate" value="" maxlength="10"  ng-model="TourToDate" />
                            <img src="<%=request.getContextPath()%>/MahBill/Images/calender_anim.gif" onClick="popupCalender('TourToDate');"  width="19" height="19"  >
                        </td>
                        <td >
                            <s:textarea key="purpose" name="purpose" id="Tourpurpose" ng-model="purpose" cols="24" rows="2"/> 
                        </td>
                        <td>
                             <s:select name="TourStayMode" id="TourStayMode" headerValue="- Select -" headerKey="" ng-model="TourStayMode"
                            list="staymodelist" listKey="staymodeid" listValue="staymodename" onchange="return jFun_stayMode(this.value);"/>
                        </td>
                   </tr>
                </table>
                <div id="cartTourDetails">
                    <table id="table2" align="center"  cellpadding="0" cellspacing = "0">
                        <tr>
                            <th align="center" colspan="2" style="border-right:1px solid #333;"><b>From</b></th>
                            <th align="center" colspan="2" style="border-right:1px solid #333;"><b>To</b></th>
                            <th align="center" colspan="2" style="border-right:1px solid #333;"><b>Travel Details</b></th>
                        </tr>
                        <tr>
                            <td><strong>State/City</strong></td>
                            <td><strong>Date</strong></td>
                            <td><strong>State/City</strong></td>
                            <td><strong>Date</strong></td>
                            <td><strong>Purpose</strong></td>
                            <td><strong>Stay Detail</strong></td>
                        </tr>
                        <tr ng-repeat="journey in params">
                            <td  valign="middle">
                                {{FromState}}
                                <div id="tourReplaceCity">
                                    {{FromCity}}
                                </div>
                            </td>
                            <td>{{FromDate}}</td>
                            <td valign="middle">
                                {{ToState}}
                                <div id="tourReplaceToCity">
                                    {{ToCity}}
                                </div>
                            </td>
                            <td>{{ToDate}}</td>
                            <td>{{purpose}} </td>
                            <td>{{ToDate}}</td>
                       </tr>
                    </table>
                </div>
                </div>
 </div>

Struts.xml

 <package name="base" extends="json-default">
        <action name="addTourCart" class="Action.Tour"  method="addTourCart">
            <result type="json">
                <param name="root">jouMObj</param>
            </result>
        </action>
 </package>

模型类

   public class JourneyDetail_M implements Serializable{
   private String FromState;
   private String FromCity;
   private String FromDate;
   private String ToState;
   private String ToCity;
   private String ToDate;
   private String staymodeid;
   private String staymodename;
   private String purpose;
    //getter and setter
}

Action 类

public class Tour extends ActionSupport {
    JourneyDetail_M jouMObj=new JourneyDetail_M();

public String addTourCart(){
    try {
        System.out.println(request.getParameter("value"));

        String TourFromState=request.getParameter("FromState");
        String TourFromCity=request.getParameter("FromCity");
        String TourToState=request.getParameter("ToState");
        String TourToCity=request.getParameter("ToCity");
        String TourFromDate=request.getParameter("FromDate");
        String TourToDate=request.getParameter("ToDate");
        String purpose=request.getParameter("Purpose");
        String stayMode=request.getParameter("StayDetails");

        jouMObj.setFromState(TourFromState);
        jouMObj.setFromCity(TourFromCity);
        jouMObj.setFromDate(TourFromDate);
        jouMObj.setToState(TourToState);
        jouMObj.setToCity(TourToCity);
        jouMObj.setToDate(TourToDate);
        jouMObj.setPurpose(purpose);
        jouMObj.setStaymodeid(stayMode);
    } catch (IOException e) {
        e.printStackTrace();
        return "error";
    }
    return SUCCESS;
}
public JourneyDetail_M getJouMObj() {
    return jouMObj;
}
public void setJouMObj(JourneyDetail_M jouMObj) {
    this.jouMObj = jouMObj;
}

 }

这是我的代码在使用 request.getParameter("value") 的操作中，我获得了所有值，但如何设置并从操作类中获取？

最佳答案

我不熟悉 AngularJS.... 但 data : 'value=' + data, 行意味着您将所有数据作为单个请求参数传递给您的操作(值)。 struts 无法读取 value 并为您填充 JourneyDetail_M 对象。

您需要使用一些 gson 实用程序类将 request.getParameter("value") 反序列化为您的对象。

或者您可以使用不带 angular.toJson 的 html 提交，如 Angularjs - simple form submit 中所述.这样，所有参数都单独发送。使您的 struts 操作 ModelDriven 并且您的模型可以由 struts 填充。

可能是命名问题...可能您的操作属性名称是驼峰命名。例如，在您的操作中将 FromState 重命名为 fromState 并确保您有 public setFromState (String ... ) 还设置了输入名称在你的 jsp 中到 fromState。

此外，在使用 struts 操作时，让 struts 填充您的操作属性，并且尽可能不要使用请求。

关于angularjs - CRUD在angularJs和struts2中的应用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39285563/

25 4 0
文章推荐： c - 新建和删除运算符(operator)？
文章推荐： elixir - Phoenix 框架中的动态模型
文章推荐： scala - 将 Scala SDK 添加到 Intellij 中的所有模块
文章推荐： c - 从指针数组中删除指针
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com