WPF效果第二百三十三篇之玩耍ASP.NET Core Web应用

这么多年都是玩耍WPF、GIS、Avalonia、Xamarin一直都是在CS端玩耍; 由于项目原因需要玩一下ASP.NET Core Web应用; 今天就来分享一下最近玩耍的效果和一点小的收获吧:

1、前台html+css+js,直接绑定后台对象:

@foreach (var item in @Model.ProjectInfo)
{
    
    div class="row" style="margin-top: 20px;
    margin-left:42px;
    ">
    
        div class="col-xs-12">
    
            input type="checkbox" id="@item.ProjectId" name="@item.Name" checked="@item.Attention" />
    
            label for="@item.ProjectId">
    @item.ProjectId/label>
    
        /div>
    
    /div>

}

2、按钮触发一个Post,就直接用ajax来处理吧:

$.ajax({

  url: "/SubMessageService/PostFollowerSubMessage",
  type: "POST",
  contentType: "application/json",
  data: postData,
  dataType: "json",
  success: function(response) {

    console.log(response)
  }
,
  error: function(jqXHR, textStatus, errorThrown) {

    console.log('失败')
  }

}
    );
    

3、后台请求实现([FromBody]别忘了带上):

[HttpPost]
public async Task ActionResult>
 PostFollowerSubMessage([FromBody] SubMessageDataModel model)
{
    
    string json = null;

    if(model != null)
    {
    
        //王哥订阅接口
        string url = "http://www.xxx.com:8090/toSave";
    
        RestFulHelper helper = new RestFulHelper();
    
        json = await helper.PostAsync(url, model);

    }
    ;
    
    return Content(json);

}
    

4、页面上禁止选中文本;

style>

    body {
    
        -webkit-user-select: none;
     /* Safari */
        -moz-user-select: none;
     /* Firefox */
        -ms-user-select: none;
     /* IE10+/Edge */
        user-select: none;
 /* Standard */
    }
    
/style>
    

5、禁用掉页面的右键菜单:

script>

    document.addEventListener('contextmenu', function (e) {
    
        e.preventDefault();

    }
    );
    
/script>
    

最终简单效果就这么完事了; 以后有时间的话,可以再去摸索一下更复杂的效果

; 编程不息、Bug不止、无Bug、无生活

; 改bug的冷静、编码的激情、完成后的喜悦、挖坑的激动 、填坑的兴奋; 这也许就是屌丝程序员的乐趣吧; 今天就到这里吧; 希望自己有动力一步一步坚持下去; 生命不息,代码不止; 大家抽空可以看看今天分享的效果,有好的意见和想法,可以在留言板随意留言; 我看到后会第一时间回复大家,多谢大家的一直默默的关注和支持!如果觉得不错,那就伸出您的小手点个赞并关注一下,多谢您的支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！