聂一澎 发表于 2023-4-9 17:50:19

abp(net core)+easyui+efcore实现仓储管理系统——模块管理升级(六十)

Abp(net core)+easyui+efcore实现仓储管理系统目录

abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二)abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三) abp(net core)+easyui+efcore实现仓储管理系统——定义仓储并实现 (四)abp(net core)+easyui+efcore实现仓储管理系统——创建应用服务(五)abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十一)abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理一 (十九)abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)abp(net core)+easyui+efcore实现仓储管理系统——入库管理之一(三十七)abp(net core)+easyui+efcore实现仓储管理系统——出库管理之一(四十九)abp(net core)+easyui+efcore实现仓储管理系统——ABP升级7.3上(五十八) 
1.在Visual Studio 2022的解决方案资源管理器中,选中“ABP.TPLMS.Web.Mvc”项目,然后单击鼠标右键,在弹出菜单中选中“设为启动项目”。按F5运行应用程序。
2.在浏览器将呈现登录页面,然后输入管理员用户名进行登录。浏览器跳转到首页面。如下图。
 
3.在主界面的菜单中,选择“Business->Module”菜单项,浏览器中呈现一个模块信息列表页面,我们发现此页面的顶部与右边的菜单部分缺失css,样式不好看。如下图。

4. 在Visual Studio 2017的“解决方案资源管理器”中,右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Views\Module目录。 找到Index.cshmtl文件,修改顶部的代码与按钮的代码。具体代码如下:
 
@using ABP.TPLMS.Web.Startup

@model ABP.TPLMS.Web.Models.Module.EditModuleModalViewModel

@{
    ViewData["Title"] = PageNames.Module;
}

@section scripts
    {
      
   }


   <section class="content-header">
   
      
            
                <h1>@L("Module")</h1>
            
                        
                         <a id="RefreshButton" target="_blank" href="https://www.cnblogs.com/javascript:void(0);" ><i class="fas fa-redo-alt"></i></a>
                        
            
                <aasp-action="Create"class="btn bg-blue float-sm-right">
                  <i class="fa fa-plus-square"></i>
                  @L("Create")
                </a>
            
      
   
</section>

   
      
            
                <table class="table">
                  <thead>
                        <tr>
                            <th>
                              @Html.DisplayNameFor(model => model.Module.Name)
                            </th>
                            <th>
                              @Html.DisplayNameFor(model => model.Module.DisplayName)

                            </th>
                            <th>
                              @Html.DisplayNameFor(model => model.Module.HotKey)

                            </th>
                            <th>

                              @Html.DisplayNameFor(model => model.Module.IconName)
                            </th>
                            <th>
                              @Html.DisplayNameFor(model => model.Module.RequiredPermissionName)
                            </th>
                            <th>
                              @Html.DisplayNameFor(model => model.Module.Status)

                            </th>
                            <th></th>

                        </tr>
                  </thead>

                  <tbody>
                        @foreach (var item in Model.Modules)

                        {
                            <tr>
                              <td>
                                    @Html.DisplayFor(modelItem => item.Name)
                              </td>
                              <td>
                                    @Html.DisplayFor(modelItem => item.DisplayName)
                              </td>
                              <td>
                                    @Html.DisplayFor(modelItem => item.HotKey)
                              </td>
                              <td>

                                    @Html.DisplayFor(modelItem => item.IconName)
                              </td>
                              <td>
                                    @Html.DisplayFor(modelItem => item.RequiredPermissionName)
                              </td>
                              <td>
                                    @Html.DisplayFor(modelItem => item.Status)
                              </td>
                              <td>
                                 
                                 <a asp-action="Edit" class="btn btn-sm bg-secondary" asp-route-id="@item.Id"><i class="fas fa-pencil-alt"></i>@L("Edit")</a>

                                    <a asp-action="Delete" class="btn btn-sm bg-danger" asp-route-id="@item.Id"><i class="fas fa-trash"></i>@L("Delete")</a>
                                    
                              </td>
                            </tr>
                        }
                  </tbody>
                </table>
            
      
   
 5.在Visual Studio 2022中按F5运行应用程序。在浏览器将呈现登录页面,然后输入管理员用户名进行登录。浏览器跳转到首页面。
6.在主界面的菜单中,选择“Business->模块管理”菜单项,浏览器中呈现一个模块信息列表页面,如下图。
  7.Business菜单已经添加到左侧菜单栏中,不过这个Business菜单好像没有英文名称,即没有英文名称也没有中文名称。模块管理的列表页面中也没有。如下图。


  8.使用鼠标在页面中右上角处的语言选项选择了“简体中文”这一选项,其他菜单都跟随语言的变化而变化了,我们新增加的Business菜单和Module模块没有变化。如下图。
 
 
  9. 在Visual Studio 2022的“解决方案资源管理器”中,找到“ABP.TPLMS.Core”项目中的Localization目录。 使用鼠标双击打开TPLMS.xml与TPLMS-zh-Hans.xml两个文件。如下图。
        
  10. 在Visual Studio 2022的“解决方案资源管理器”中,打开TPLMS.xml与TPLMS-zh-Hans.xml两个文件。分别添加关于Business菜单和Module模块的英文与中文信息。如下图1与图2.。
 

图1  英文
 
图2 中文
   11. 在Visual Studio 2022中按F5,运行我们的应用程序。在登录界面登录之后。当我们改变页面中右上角处的语言选项时,Business菜单和Module模块跟随语言的变化而变化了,当语言选择为中文时,菜单名称由“Business”变为“业务管理”,Module变为了“模块管理”。如下图。

 

来源:https://www.cnblogs.com/chillsrc/archive/2023/04/09/17300643.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: abp(net core)+easyui+efcore实现仓储管理系统——模块管理升级(六十)