• Nop3.9定制系列(1)汉化


    一:中文资源

    先去Nop官网,下载3.9中文包,此中文包翻译不全,在定制的过程中,可以慢慢修改。官网地址 www.nopcommerce.com。

    进去后台 Configuration -> Languages 

    添加一条简体中文的记录,保存后导入中文包,页面顶部切换语言即可。

    二:UI汉化

    Libraries -> Nop.Core -> CommonHelper - > SetTelerikCulture() 方法

    Presentation -> Nop.Admin -> Views -> Shared -> _AdminLayout.cshtml

    添加引用

    Html.AppendScriptParts(string.Format("~/Administration/Scripts/kendo/{0}/cultures/kendo.culture.zh-CN.min.js", kendoVersion));
    Html.AppendScriptParts(string.Format("~/Administration/Scripts/kendo/{0}/cultures/kendo.messages.zh-CN.js", kendoVersion));
    <script>
        kendo.culture("zh-CN");
    </script>            

    三:编辑器

    个人不太喜欢默认的编辑器,使用百度的UEditor富文本编辑器。UEditor官网

     

    Presentation -> Nop.Web -> Content 下创建文件夹 uditor,将下载的文件copy至uditor文件夹中。

     

    Presentation -> Nop.Admin -> Views -> Shared -> EditorTemplates 下创建页面 UEditor.cshtml

    @model String
    @using Nop.Core
    @using Nop.Core.Domain.Common
    @using Nop.Services.Security
    @using Nop.Web.Framework.UI
    @{
        Html.AddScriptParts("~/Content/ueditor/ueditor.config.js");
        Html.AddScriptParts("~/Content/ueditor/ueditor.all.js");
        Html.AddScriptParts("~/Content/ueditor/lang/zh-cn/zh-cn.js");
    }
    
    <script>
        UE.getEditor("@ViewData.TemplateInfo.GetFullHtmlFieldId(string.Empty)", {
            initialFrameWidth: "100%",
            initialFrameHeight: 400
        });
    </script>
    
    @Html.TextArea(string.Empty, /* Name suffix */
        ViewData.TemplateInfo.FormattedModelValue /* Initial value */
    )

     在后台调用编辑器

    效果如下:

    关于样式和文件下载路径和其他配置,去看Api文档即可,js中也有相应注释。

  • 相关阅读:
    Day18:继续添加前端代码
    Day17:今天为前端做的几件小事
    Day16:接口调试完成&紧急转前端开发
    Day25:报告编写等
    Day24:结论的撰写&&openid再次尝试
    Day23:个人小结的撰写&&对coderunner的熟悉
    Day22:数据库导入&分工&准备科研训练
    Day21:尝试脱离相同ip连接
    Day20:update功能的实现
    Day19:代码整合等
  • 原文地址:https://www.cnblogs.com/hcit/p/nop-series-1.html
Copyright © 2020-2023  润新知