一:中文资源

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

进去后台 Configuration -> Languages

Nop3.9的下载与使用-LMLPHP

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

二:UI汉化

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

Nop3.9的下载与使用-LMLPHP

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官网

Nop3.9的下载与使用-LMLPHP

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

Nop3.9的下载与使用-LMLPHP

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 */)
登录后复制

在后台调用编辑器

Nop3.9的下载与使用-LMLPHP

效果如下:

Nop3.9的下载与使用-LMLPHP

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

以上就是Nop3.9的下载与使用的详细内容,更多请关注Work网其它相关文章!

09-01 03:39