ws admin

Web 上で管理パネルを自動生成するためのライブラリ。

打ち上げ

開発バージョンを実行するには:

npm startとnpm run serve-production-proxy

実稼働ビルドの場合:

npm run build

組み立てられたフロントのファイルは、現在のプロジェクトのbuildフォルダーに保存されます。

---

動作ロジック

このインターフェイスを使用すると、対話型エディターで記事が作成されます。エディターには、テキストや画像などを操作するための多くのオプションがあります。

記事を作成すると、API経由でJSONオブジェクトの形式で受け取ることが可能になります。

エディタ

エディターはckeditor5 と呼ばれるサードパーティ ライブラリであり、その上にアドオンが組み込まれています。エディターのプラグイン、エディター自体およびその構成は、/src/primitives/Editor にあります。エディターのツールバーのオプションはすべてプラグインであり、ほとんどの場合、ボックスのオプションが使用されますが、カスタムのオプションもあります。

エディターの構成例:

 title : Тестирование административной панели WS
roles :
- admin
- guest
- user
- content-manager
permissions :
  allow :
  - " * "
  deny :
  - guest
sideMenu :
  dataSource :
    type : list
    options :
      data :
      - title : Список
        code : testList
        permissions :
          allow :
          - " * "
          deny :
          - guest
        to : " /list "
      - title : Вложенность
        code : inDeep
        permissions :
          allow :
          - " * "
          deny :
          - guest
        to : " /deep "
      - title : Детальная страница
        code : detail
        permissions :
          allow :
          - admin
          deny :
          - " * "
        to : " /detail/1 "
screens :
- pageUrl : " /deep "
  title : Тестирование блоков
  blocks :
  - name : TestBlock1
    type : TestBlock
    dataSource :
      type : list
      options :
        data : test.name
    blocks :
    - name : TestBlock2
      type : TestBlock
      blocks : []
      actions :
        inc :
          type : redirect
          options :
            url : " /user/{{login}} "
      dataSource :
        type : list
        options :
          data : получилось???
        context1 : test.name
- pageUrl : " /list "
  title : Тестирование административной панели WS
  blocks :
  - type : List
    permissions :
      allow :
      - " * "
      deny :
      - guest
    dataSource :
      type : list
      options :
        data :
          columns :
          - title : Name
            field : name
          - title : Surname
            field : surname
          - title : Birth Year
            field : birthYear
            type : numeric
          - title : Birth Place
            field : birthCity
            lookup :
              ' 34 ' : İstanbul
              ' 63 ' : Şanlıurfa
          data :
          - id : ' 11141 '
            name : Mehmet
            surname : Baran
            birthYear : 1987
            birthCity : 63
          - name : Zerya Betül
            surname : Baran
            birthYear : 2017
            birthCity : 34
    actions :
      view :
        type : redirect
        options :
          url : " /user/{{login}} "
      delete :
        permissions :
          allow :
          - admin
          deny :
          - " * "
        type : api:request
        options :
          url : " /api/admin/user/delete "
          method : delete
          params :
            id : " {{id}} "
      create :
        permissions :
          allow :
          - " * "
          deny :
          - guest
        type : api:request
        options :
          url : " /api/admin/user/create "
          method : post
          params :
            id : " {{name}} "
      update :
        permissions :
          allow :
          - " * "
          deny :
          - guest
        type : redirect
        options :
          url : admin/user/update/{{id}}
    config :
      pagination :
        countOnPage : 20
- pageUrl : " /detail/:pageId "
  title : Детальная страница пользователя
  blocks :
  - type : DetailView
    dataSource :
      type : api
      options :
        url : " /api/admin/user/{{pageId}} "
      context : screen.user
    actions :
      delete :
        permissions :
          allow :
          - admin
          deny :
          - " * "
        type : api:request
        options :
          url : " /api/admin/user/delete "
          method : get
          params :
            id : " {{screen.user.id}} "
      update :
        permissions :
          allow :
          - " * "
          deny :
          - guest
        type : api:request
        options :
          url : " /api/admin/user/update "
          method : post
          params :
            id : " {{id}} "
    config :
      fields :
      - title : ' ФИО: '
        type : Input
        config :
          validations :
          - text
          - length > 3
        value : " {{screen.user.name}} "
      - title : ' ФИО1: '
        type : Input
        config :
          validations :
          - text
          - length > 3
        value : " {{name2}} "
      - title : ' Изображение профиля: '
        type : ImageViewer
        config :
          multiFiles : false
          validations :
          - type:jpg,png
          - sizeLessThen:10mb
        value : https://jssors8.azureedge.net/demos/image-slider/img/faded-monaco-scenery-evening-dark-picjumbo-com-image.jpg
      - title : ' Приглашен пользователем: '
        type : Dropdown
        value : " {{isInvitedBy}} "
        dataSource :
          alias : dpAllUsers
          type : api
          options :
            url : " /api/admin/users "
        config :
          suggests :
            dataSource :
              type : list
              options :
                data : " {{dpAllUsers}} "