ws admin

مكتبة للتوليد التلقائي للوحات الإدارية على الويب.

يطلق

لتشغيل نسخة المطورين:

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}} "