Web_Conference Management System

ระบบการจัดการการประชุม

เว็บแอปนี้จัดการการประชุมบทบาทผู้ใช้ที่แตกต่างกันการส่งบทคัดย่อและบทวิจารณ์ ทำด้วย เชิงมุม และ สปริง

ไอคอนมีสาเหตุมาจากส่วนท้ายของหน้าแรก ชุดรูปแบบการเปลี่ยนแปลงไอคอนซ้าย

ดัชนี

• ภาพถ่ายแอพ
• การอนุญาตตามบทบาท
• ความต้องการ
• ขั้นตอนในการตั้งค่าส่วนหน้า
• ขั้นตอนในการตั้งค่าแบ็กเอนด์
• ไดอะแกรม

ภาพถ่ายแอพ

ธีมแสง	ธีมมนุษย์ต่างดาว

---

---

---

---

---

---

---

---

---

การอนุญาตตามบทบาท

บทบาท: เก้าอี้, ผู้แต่ง, สมาชิกพีซี, ประธานร่วม, สมาชิก SC

ผู้ใช้แต่ละคนอาจมีบทบาท X ในการประชุม 1 และบทบาท Y ในการประชุมอื่น

ยกเว้น 'ผู้ดูแลระบบ' ซึ่งเป็นเก้าอี้เสมอ

ด้วยการลงทะเบียนเริ่มต้นคุณเป็นผู้แต่ง บทบาทอื่น ๆ รับลิงค์คำเชิญทางอีเมลเมื่อเก้าอี้สร้างการประชุม

ผู้เขียน

• ส่งเอกสารทางวิทยาศาสตร์
• ดูผลลัพธ์
• มีส่วนร่วมในส่วนที่มีการนำเสนอเอกสาร

สมาชิกพีซี

• ส่งเอกสารทางวิทยาศาสตร์
• ดูผลลัพธ์
• มีส่วนร่วมในส่วนที่มีการนำเสนอเอกสาร
• เอกสารเสนอราคา (แสดงสิ่งที่คุณต้องการตรวจสอบ)
• ตรวจสอบเอกสาร

เก้าอี้ร่วม

• มีส่วนร่วมในส่วนที่มีการนำเสนอเอกสาร
• เอกสารเสนอราคา (แสดงสิ่งที่คุณต้องการตรวจสอบ)
• ตรวจสอบเอกสาร
• กำหนดกระดาษให้กับผู้ประมูล
• ดูบทวิจารณ์ทั้งหมด:
  • เลือกคำตัดสินขั้นสุดท้ายของกระดาษ
  • ส่งไปยังผู้ตรวจสอบคนอื่น
  • ขอการอภิปราย (รีเซ็ตรีวิวเป็น not_reviewed )

เก้าอี้

• เช่นเดียวกับประธานร่วม
• สร้างส่วน
• สร้างการประชุม

สมาชิก SC

• มีส่วนร่วมในส่วนที่มีการนำเสนอเอกสาร

ความต้องการ

• วัสดุเชิงมุม + เชิงมุม
• เซิร์ฟเวอร์ mysql
• ชวา

ขั้นตอนในการตั้งค่าส่วนหน้า

• ติดตั้ง nodejs https://nodejs.org/en/, lts
• หวังว่า WebStorm จะรับรู้คำสั่ง 'NPM Install'
• เปิดโครงการใน IDE (WebStorm, VS Code)
• เข้าไปข้างในโฟลเดอร์ 'Frontend' ด้วยเทอร์มินัล (IDE อาจมี 'โฟลเดอร์เปิดในเทอร์มินัล' ทางขวาคลิก)
• เรียกใช้คำสั่ง npm install_ เพื่อติดตั้งโฟลเดอร์ 'node_modules'
• เริ่มแอปด้วย WebStorm, VS Code หรือด้วยคำสั่ง 'NG Serve' ในเทอร์มินัล
• แอพจะทำงานบนที่อยู่ http: // localhost: 4200/ -> พอร์ตเริ่มต้น (4200) สำหรับโครงการเชิงมุม

ขั้นตอนในการตั้งค่าแบ็กเอนด์

การตั้งค่าฐานข้อมูล MySQL

In brief, you need: MySQL Server (username: root, password: iss2020) and an empty database 'cms'

• ดาวน์โหลด MySQL Server จาก Google Windows (x86, 32 บิต), ตัวติดตั้ง MSI https://dev.mysql.com/downloads/windows/installer/8.0.html

  • (mysql-installer-web-community-8.0.19.0.msi)
  • เลือก 'เซิร์ฟเวอร์เท่านั้น'
  • คลิก 'ถัดไป' จนกว่าคุณจะเลือกรหัสผ่าน
  • ใส่รหัสผ่าน 'ISS2020'
  • คลิก 'ถัดไป' ตลอดทาง

• ดาวน์โหลด MySQL Workbench จาก Google (ฟังก์ชั่นเดียวกับ SSMS-SQL Server Management Studio)

  • (mysql-workbench-community-8.0.19-winx64.msi)
  • คลิก 'อินสแตนซ์ท้องถิ่น mysql80' หรือ smth เช่นนั้น
  • ซ้ายตรงกลางของหน้าจอเลือก schemas (เป็นของ Tab Navigator) ที่นี่คุณสามารถสร้าง db ด้วย 'สร้าง schema' จากแถบเครื่องมือ
  • สร้าง db ที่เรียกว่า 'CMS'

การตั้งค่าแบ็กเอนด์

ทำไปแล้วสำหรับโครงการนี้ เขียนในกรณีที่คุณต้องการทำซ้ำในอนาคต

• สร้างโครงการบนอินเทอร์เน็ตด้วย Spring Initializr เพิ่มการพึ่งพา: เว็บ, JPA เลือก Gradle, Java 11
• เปิดโครงการใน IDE (Intellij, Eclipse)
• วางรหัสร้องใน 'ทรัพยากร/แอปพลิเคชัน. properties' มันเชื่อมต่อโครงการกับ MySQL กำหนดค่าให้ทราบสตริงการเชื่อมต่อชื่อ DB พอร์ตของ DB และอื่น ๆ

 spring:
  jpa:
    show-sql: true
    hibernate:
      ddl-auto: update
    properties:
      hibernate:
        dialect: org.hibernate.dialect.MySQL8Dialect
  datasource:
    url: jdbc:mysql://localhost/cms?serverTimezone=UTC
    username: root
    password: iss2020
    driverClassName: com.mysql.cj.jdbc.Driver
  servlet:
    multipart:
      enabled: true
      max-file-size: 10MB
      file-size-threshold: 10KB
      max-request-size: 15MB
server:
  servlet:
    context-path: /cms/api/

• เปลี่ยน 'application.properties' เป็น 'application.yml' มันเป็นรูปแบบข้อความที่ง่ายกว่า
• เพิ่มสิ่งนี้ใน 'build.gradle' -> การพึ่งพา {.. } มันนำเข้าไดรเวอร์ JDBC

 implementation 'mysql:mysql-connector-java'

• วิ่ง

ไดอะแกรม

พบได้ใน 'ไดอะแกรมและเอกสาร'