abp(net core)+easyui+efcore implements warehouse management system – module management upgrade (sixty)

abp(net core)+easyui+efcore implements warehouse management system – module management upgrade (sixty)

In the previous article, we have upgraded the warehouse management system implemented by abp (net core) + easyui + efcore to ABP7.3. Today we will test the module management function after the upgrade and solve some problems after the upgrade.

Abp(net core)+easyui+efcore implements warehouse management system directory

abp(net core)+easyui+efcore implements warehouse management system-overall introduction to ABP (1)
abp(net core)+easyui+efcore implements warehouse management system – solution introduction (2)
abp(net core)+easyui+efcore implements warehouse management system – creating entities at the domain layer (3)
abp(net core)+easyui+efcore implements warehouse management system – define warehousing and implement (4)
abp(net core)+easyui+efcore implements warehouse management system – creating application services (5)
abp(net core)+easyui+efcore implements warehouse management system – using WEBAPI to implement CURD (11)
abp(net core)+easyui+efcore implements warehouse management system – EasyUI cargo management one (nineteen)
abp(net core)+easyui+efcore implements warehouse management system – ABP WebAPI and EasyUI combine to add, delete, modify and check one (twenty-seven)
abp(net core)+easyui+efcore implements warehouse management system – warehousing management one (thirty-seven)
abp(net core)+easyui+efcore implements warehouse management system – outbound management One (forty-nine)
abp(net core)+easyui+efcore implements warehouse management system – ABP upgrade to 7.3 (Fifty-eight)

1. In the Solution Explorer of Visual Studio 2022, select the “ABP.TPLMS.Web.Mvc” project and click the mouse Right-click and select “Set as startup project” in the pop-up menu. Press F5 to run the application.

2. The login page will be displayed in the browser, and then enter the administrator username to log in. The browser jumps to the home page. As shown below.

3. In the menu of the main interface, select the “Business->Module” menu item, and a module information list page will appear in the browser. We find that at the top of this page The css is missing from the menu on the right and the style is not good-looking. As shown below.

4. In the “Solution Explorer” of Visual Studio 2017, right-click on the domain layer “ABP.TPLMS.Web.Mvc “Views\Module directory in the project. Find the Index.cshmtl file and modify the top code and button code. The specific code is as follows:

@using ABP.TPLMS.Web.Startup

 @model ABP.TPLMS.Web.Models.Module.EditModuleModalViewModel
 
 @{
     ViewData["Title"] = PageNames.Module;
 }

 @section scripts
     {
         <script   span>src="~/view  -resources/Views/Module/Index.js" asp-append-version="true"  script
    }


    <section   span>class="content-header  ">
     <div class="container-fluid">
         <div class="row">
             <div class="col-sm-6">
                 <h1>@L("Module")</span  h1>
             </div>
                          <div class="col-sm-4 text-  sm-right">
                          <a id="RefreshButton" href="javascript:void(0)  ;" ><  i class="  fas fa-redo-alt">i>a>
                          </div>
             <div class="col-sm-2">
                 <a asp-action="Create" class="btn bg-blue  float-sm-right">
                     <i class="fa fa-plus-square"  ></i  
                     @L("Create")
                 </a>
             </div>
         </div>
     </div>
 </section>
 <div class="row clearfix"  >
     <div class="col-lg-12 col-  md-12 col-sm-12 col-xs-12">
         <div class="card">
             <div class="body table-responsive">
                 <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>@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>
             </div>
         </div>
     </div>
 </div> 

5. Press F5 to run the application in Visual Studio 2022. The login page will be displayed in the browser, then enter the administrator username to log in. The browser jumps to the home page.

6. In the menu of the main interface, select the “Business->Module Management” menu item, and a module information list page will appear in the browser, as shown below.

7. The Business menu has been added to the left menu bar, but this Business menu seems to have no English name, that is, no English name or Chinese name. It is not available on the module management list page either. As shown below.

8. Use the mouse to select the “Simplified Chinese” option for the language option in the upper right corner of the page. Other menus have changed with the change of language. We There are no changes to the newly added Business menu and Module module. As shown below.

9. In the “Solution Explorer” of Visual Studio 2022, find the Localization directory in the “ABP.TPLMS.Core” project. Use the mouse to double-click to open the two files TPLMS.xml and TPLMS-zh-Hans.xml. As shown below.

10. In the “Solution Explorer” of Visual Studio 2022, open the two files TPLMS.xml and TPLMS-zh-Hans.xml. Add English and Chinese information about the Business menu and Module module respectively. As shown in Figure 1 and Figure 2 below.

Picture 1 English

Figure 2 Chinese

11. Press F5 in Visual Studio 2022 to run our application. After logging in at the login interface. When we change the language option in the upper right corner of the page, the Business menu and Module module change with the language change. When the language is selected as Chinese, the menu name changes from “Business” to “Business Management” and Module changes to ” Module Management”. As shown below.

g” alt=””>

Picture 1 English

Figure 2 Chinese

11. Press F5 in Visual Studio 2022 to run our application. After logging in at the login interface. When we change the language option in the upper right corner of the page, the Business menu and Module module change with the language change. When the language is selected as Chinese, the menu name changes from “Business” to “Business Management” and Module changes to ” Module Management”. As shown below.