How to Add "View" function to CmsKit Pages? #1752

6 Answer(s)

• 

  0

  EngincanV created 5 years ago

  Support Team .NET Developer

  Hi @zsanhong, please check your View.cshtml file's @page attribute for routing path.

  • If you define the path like this => @page "/Cms/Pages/View" You should be able to navigate the page.

  • If you want to click the view button and redirected to the page in public web-site application. You can access the page via /pages/{slug} URL.

  {
     text: l('View'),
     visible: abp.auth.isGranted('CmsKit.Pages.Update'),
     action: function (data) 
     {
        var publicWebSiteBaseUrl = "<your-public-web-site-url>"; // like "https://localhost:44304"
        window.location.href = publicWebSiteBaseUrl + `/Pages/${data.record.slug}`;
     }
  },
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  zsanhong created 5 years ago

  if I change the index.js like this:

  {
                              text: l('View'),
                              visible: abp.auth.isGranted('CmsKit.Pages.Update'),
                              action: function (data) {
  
                                  location.href = 'Pages/ViewModel/' + data.record.id;
                              }
                          },
  

  and I write the ViewModel.cshtml like this:

  @page "/Cms/Pages/ViewModel/"
  
  @using ZSHTech.IPMS.Web.Utils
  @using Volo.Abp.AspNetCore.Mvc.UI.Packages.HighlightJs
  @using  ZSHTech.IPMS.Web.Pages.CmsKit.Pages;
  @model ViewModel
  
  @inject IMarkdownToHtmlRenderer MarkdownRenderer
  @{
  }
  
  
  <abp-card>
      <abp-card-body>
          @Html.Raw(await MarkdownRenderer.RenderAsync(Model.View.Content))
      </abp-card-body>
  </abp-card>
  

  ViewModel.cshtml.cs:

  using System;
  using System.Collections.Generic;
  using System.Linq;
  using System.Threading.Tasks;
  using Microsoft.AspNetCore.Mvc;
  using Microsoft.AspNetCore.Mvc.RazorPages;
  using Volo.CmsKit.Pages;
  using Volo.CmsKit.Public.Pages;
  
  namespace ZSHTech.IPMS.Web.Pages.CmsKit.Pages
  {
      public class ViewModel : IPMSPageModel
      {
          [BindProperty(SupportsGet = true)]
          public Guid Id { get; set; }
          [BindProperty]
         public  PageViewModel View { get; set; }
  
          protected IPageRepository PageRepository { get; }
  
          public ViewModel(IPageRepository pageRepository)
          {
              PageRepository = pageRepository;
          }
  
          public async Task OnGetAsync()
          {
             var Page = await PageRepository.GetAsync(Id);
  
  
              View = new PageViewModel { Content = Page.Content, Title = Page.Title };
  
            
          }
         
      }
  
      public class PageViewModel
      {
          public Guid Id { get; set; }
  
          public string Title { get; set; }
  
          public string Content { get; set; }
      }
  }
  
  

  when I click the View button, I get the same wrong msg:

  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  EngincanV created 5 years ago

  Support Team .NET Developer

  Hi @zsanhong, in your case the url should be => @page "/Cms/Pages/ViewModel/{id:guid}" Because you need the Id parameter.

  Please check the razor page documentation.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  zsanhong created 5 years ago

  thank you @EngincanV, now I encounter another question, how to Inject IMarkdownToHtmlRenderer? because When I run it,It show wrong msg:

  An unhandled exception occurred while processing the request.
  DependencyResolutionException: None of the constructors found with 'Volo.Abp.Autofac.AbpAutofacConstructorFinder' on type 'ZSHTech.IPMS.Web.Utils.MarkdownToHtmlRenderer' can be invoked with the available services and parameters:
  Cannot resolve parameter 'Markdig.MarkdownPipeline markdownPipeline' of constructor 'Void .ctor(Markdig.MarkdownPipeline)'.
  Autofac.Core.Activators.Reflection.ReflectionActivator.GetAllBindings(ConstructorBinder[] availableConstructors, IComponentContext context, IEnumerable<Parameter> parameters)
  
  DependencyResolutionException: An exception was thrown while activating ZSHTech.IPMS.Web.Pages.CmsKit.Pages.ViewModel -> ZSHTech.IPMS.Web.Utils.MarkdownToHtmlRenderer.
  Autofac.Core.Resolving.Middleware.ActivatorErrorHandlingMiddleware.Execute(ResolveRequestContext context, Action<ResolveRequestContext> next)
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel

  1
• 

  0

  EngincanV created 5 years ago

  Support Team .NET Developer

  You're welcome. You should not use the IMarkdownToHtmlRenderer interface from web layer because it's defined in public-web and it's registration in there. But if you want to use it anyway, you need to add [DependsOn(typeof(YourWebPublicModule))] above of your web module class.

  [DependsOn(
          ...
          typeof(CmsKitProAdminWebModule),
          typeof(AbpSwashbuckleModule),
          typeof(AbpAspNetCoreSerilogModule),
          typeof(YourWebPublicModule) //add this line
          )]
      public class YourWebModule : AbpModule
      {
          ...
      }
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  zsanhong created 5 years ago

  I add a method in webModel like this:

   services
                   .AddSingleton(_ => new MarkdownPipelineBuilder()
                       .UseAutoLinks()
                       .UseBootstrap()
                       .UseGridTables()
                       .UsePipeTables()
                       .Build());
  

  and it worked. thank you for your help @EngincanV,

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel

  1