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文件，修改顶部的代码与按钮的代码。具体代码如下：

 

1. @using ABP.TPLMS.Web.Startup
3. @model ABP.TPLMS.Web.Models.Module.EditModuleModalViewModel
5. @{
6.     ViewData["Title"] = PageNames.Module;
7. }
9. @section scripts
10.     {  
11.         
12.    }
15.    <section class="content-header">
16.    
17.         
18.             
19.                 <h1>@L("Module")</h1>
20.             
21.                         
22.                          <a id="RefreshButton" target="_blank" href="https://www.cnblogs.com/javascript:void(0);" ><i class="fas fa-redo-alt"></i></a>
23.                         
24.             
25.                 <a  asp-action="Create"  class="btn bg-blue float-sm-right">
26.                     <i class="fa fa-plus-square"></i>
27.                     @L("Create")
28.                 </a>
29.             
30.         
31.    
32. </section>
34.    
35.         
36.             
37.                 <table class="table">
38.                     <thead>
39.                         <tr>
40.                             <th>
41.                                 @Html.DisplayNameFor(model => model.Module.Name)
42.                             </th>
43.                             <th>
44.                                 @Html.DisplayNameFor(model => model.Module.DisplayName)
46.                             </th>
47.                             <th>
48.                                 @Html.DisplayNameFor(model => model.Module.HotKey)
50.                             </th>
51.                             <th>
53.                                 @Html.DisplayNameFor(model => model.Module.IconName)
54.                             </th>
55.                             <th>
56.                                 @Html.DisplayNameFor(model => model.Module.RequiredPermissionName)
57.                             </th>
58.                             <th>
59.                                 @Html.DisplayNameFor(model => model.Module.Status)
61.                             </th>
62.                             <th></th>
64.                         </tr>
65.                     </thead>
67.                     <tbody>
68.                         @foreach (var item in Model.Modules)
70.                         {
71.                             <tr>
72.                                 <td>
73.                                     @Html.DisplayFor(modelItem => item.Name)
74.                                 </td>
75.                                 <td>
76.                                     @Html.DisplayFor(modelItem => item.DisplayName)
77.                                 </td>
78.                                 <td>
79.                                     @Html.DisplayFor(modelItem => item.HotKey)
80.                                 </td>
81.                                 <td>
83.                                     @Html.DisplayFor(modelItem => item.IconName)
84.                                 </td>
85.                                 <td>
86.                                     @Html.DisplayFor(modelItem => item.RequiredPermissionName)
87.                                 </td>
88.                                 <td>
89.                                     @Html.DisplayFor(modelItem => item.Status)
90.                                 </td>
91.                                 <td>
92.                                  
93.                                    <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>
95.                                     <a asp-action="Delete" class="btn btn-sm bg-danger" asp-route-id="@item.Id"><i class="fas fa-trash"></i>@L("Delete")</a>
96.                                     
97.                                 </td>
98.                             </tr>
99.                         }
100.                     </tbody>
101.                 </table>
102.             
103.         
104.    
105.  

复制代码

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】 我们会及时删除侵权内容，谢谢合作！