[Day7]MVC使用IOM Library(Aras C# Method)

第 11 屆 iThome 鐵人賽

DAY 7

自我挑戰組

ArasPLM開發分享系列第 7 篇

11th鐵人賽

JamesLee

2019-09-15 01:14:37

3332 瀏覽

分享至

當我們已經成功與Aras連線後，我們就能利用IOM函式庫在MVC當中撰寫Aras的Method，能夠讓使用者在我們自製的MVC網頁架構下對Aras中的資料做CRUD(新增、讀取、修改、刪除)等等的功能

首先先在Controller中建立一個Action(Aras)，將這個Action當作我們的主頁面，右鍵Action名稱新增一個檢視(View)
再來進入前端View當中，新增前端四個CRUD的按鈕，個別利用using Html.BeginFrom包起來，生成的Form，再利用Post回傳Form至後端相對應的Action執行

@{
    ViewBag.Title = "Aras";
}
<!DOCTYPE html>
<h1>Aras</h1>

@using (Html.BeginForm("Aras_Create", "CADs", FormMethod.Post, new { enctype =  "multipart/form-data" }))
{
    <button type="submit" id="create-button" class="btn btn-primary">新增</button>
}

@using (Html.BeginForm("Aras_Read", "CADs", FormMethod.Post, new { enctype =  "multipart/form-data" }))
{
    <button type="submit" id="read-button" class="btn btn-primary">讀取</button>
}

@using (Html.BeginForm("Aras_Update", "CADs", FormMethod.Post, new { enctype =  "multipart/form-data" }))
{
    <button type="submit" id="upload-button" class="btn btn-primary">修改</button>
}

@using (Html.BeginForm("Aras_Delete", "CADs", FormMethod.Post, new { enctype =  "multipart/form-data" }))
{
    <button type="submit" id="delete-button" class="btn btn-primary">刪除</button>
}

前端頁面顯示畫面

新增

在後端撰寫一個新增的Action，在Action上面加[HttpPost]取得前端傳送過來的Form表單，下方則是撰寫Aras的add Method

[HttpPost]
public ActionResult Aras_Create()
{
    Connection con = new Connection();
    Innovator inn = con.Connect();

    Item CAD = inn.newItem("CAD", "add");
    CAD.setProperty("item_number", "Aras");
    CAD = CAD.apply();

    return View("Aras");
}

點選新增按鈕後，就可以看到Aras中的CAD新增了一筆新的圖號

讀取

在後端撰寫一個讀取的Action，在Action上面加[HttpPost]取得前端傳送過來的Form表單，下方則是撰寫Aras的get Method，下方使用Response.Write的JavaScript來alert出讀取到的Item_number

[HttpPost]
public ActionResult Aras_Read()
{
    Connection con = new Connection();
    Innovator inn = con.Connect();

    Item CAD = inn.newItem("CAD", "get");
    CAD.setAttribute("where", "[CAD].item_number='Aras'");
    CAD = CAD.apply();

    string CAD_item_number=CAD.getProperty("item_number");

    Response.Write("<script language=javascript>alert('"+ CAD_item_number + "');</"+ "script>");

    return View("Aras");
}

點選讀取按鈕後，就可以在頁面上出現一個彈跳視窗顯示CAD的item_number

修改

在後端撰寫一個修改的Action，在Action上面加[HttpPost]取得前端傳送過來的Form表單，下方則是撰寫Aras的edit Method

[HttpPost]
public ActionResult Aras_Update()
{
    Connection con = new Connection();
    Innovator inn = con.Connect();

    Item CAD = inn.newItem("CAD", "edit");
    CAD.setAttribute("where", "[CAD].item_number='Aras'");
    CAD.setProperty("item_number","Edit-Aras");
    CAD = CAD.apply();

    return View("Aras");
}

點選修改按鈕後，就可以看到在Aras中新增CAD的item_number由Aras改為Edit-Aras

刪除

在後端撰寫一個刪除的Action，在Action上面加[HttpPost]取得前端傳送過來的Form表單，下方則是撰寫Aras的delete Method

[HttpPost]
public ActionResult Aras_Delete()
{
    Connection con = new Connection();
    Innovator inn = con.Connect();

    Item CAD = inn.newItem("CAD", "delete");
    CAD.setAttribute("where", "[CAD].item_number='Edit-Aras'");
    CAD = CAD.apply();

    return View("Aras");
}