Generator Website hoàn chỉnh với OutSystem | Generator new website with OutSystem

 Generator Website hoàn chỉnh 

- Service Studio có thể giúp bạn generate giúp bạn một website hoàn chỉnh với một vài click chuột, bạn cũng có thể custom lại website đó theo đúng ý mình. 

- Để generate một website hoàn chỉnh cần tạo mới một application trên Service Studio

- Bạn chọn "From an app Use a ready-made app".

 - Chọn Web app mà bạn muốn sử dụng, serviec studio sẽ tự install các denpendence, data demo cũng như các screen cho bạn.

- Click install và chờ đợi cài đặt. Sau đó bạn có thể click "Open app in browser" để xem website của bạn hoặc là click "Customize app" để có tùy chỉnh cũng như thêm các feature khác nếu bạn cần.

- Sau khi click "Customize app" bạn sẽ thấy danh sách Module của Web app: 

OrderManagement_CS, OrderManagement.

- Module OrderManagement: quản lý về UI, Logic, Action.

- Module OrderManagement_CS: quản lý về Database.

- Để tùy chỉnh IU cũng như thêm xóa Feature bạn truy cập vào Module OrderManagement. Khi truy cập vào Module OrderManagement có thể sẽ có những update mới của OutSystem bạn nên update lại các dependence mới của OutSystem.

- Sau khi apply các dependences mới, bạn truy cập vào tab Interface-> UI Flow để có thể xem các Screen đã được tạo sẵn đồng thời bạn cũng có thể sửa UI trên các Screen

- Vậy là bạn đã tạo được Web app hoàn chỉnh với các chức năng cơ bản, bài tiếp theo chúng ta sẽ tích hợp database đã có sẵn và custom them các tính năng cần thiết.

Phần 3: Hướng dẫn cho người mới bắt đầu dùng OutSystem - DataBase Relationship | Hello World in the OutSystem

 DatReaBase relationship

- Trong Service Studio, một Entity không chỉ bao gồm định nghĩa logic của một business entity mà còn cả các relationship giữ các Entity. Relationship được bằng bằng cách xác định một single reference attribute (được gọi là "Foreign key" trong cơ sở dữ liệu).

- Kiểu dữ liệu của "Foreign key" được thiết lập là <Entity> Identifier (UserIdentifier, ProductIdentifier...) tương ứng với type của Entity. Các reference attribute được thể hiện với các icon khác nhau và cũng được hiển thị trên Entity Diagrams.

- Tùy vào thuộc tính cũng như logic chúng ta có các loại Relationship như: One-to-One, One-to-Many, Many-to-Many, mandatory or optional. Bạn có thể xem chi tiết từng loại relationship ở link này(Entity relationships - OutSystems 11 Documentation).

- Để tạo Entity Diagrams bạn truy cập tab Data -> Entity Diagrams-> YourProjectNameDataModel

- Tiếp theo chọn các entity mà bạn sẽ sử dụng và kéo vào diagram để tạo relationship. Đối với các database được improt và đã có sẵn relationship thì Serviec Studio sẽ tự generate relationship mà bạn đã tạo.

- Sau khi kéo các entity vào thì sẽ được diagram hoàn chỉnh và bạn cũng có thể tùy chình nếu có thay đổi.

Phần 2: Hướng dẫn cho người mới bắt đầu dùng OutSystem kết nối với DataBase | Hello World in the OutSystem

 Connect with database

- Đây là phần làm việc với database trong OutSystem, OutSystem hổ trợ cho người dùng tạo cũng như kết nối với database đã tồn tại trên các nền tảng khác nhau(SQLServer, Oracle, Postgre...).

- Nếu bạn mới bắt đầu và chưa có database thì bạn có thể tạo mới database trên Serviec Studio. Bạn có thể tạo cấu trúc bảng đơn giản bằng cách truy cập vào tab Data trong Serviec Studio.

- Bạn có thể xem cách tạo database cũng như chi tiết về tạo bảng cũng như primary key... tại document của OutSystem (Database Entities < Developing Web Apps (OutSystems 11) - Training | OutSystems)

- Đối với trường hợp bạn đã có Database OutSystem có hổ trợ connect với các nền tảng DB khác. Để có thể connect được với data bạn cần truy cập vào Serviec Center -> Administration -> Database Connections -> New Database Connection(Development - Database Connection Edit (yourEnviroment.outsystemscloud.com)).

- Bạn hãy điền thông tin về Database chọn nhập DBName, server, username và password rồi click "Test Connection" để kiểm tra xem có connect được với Database của bạn hay không. Nếu connect thành công thì bạn click "Create".

- Sau khi tạo thành công database bạn vừa tạo sẽ được hiện thị ở phần Database Connection.

- Tiếp theo bạn vào Serviec Studio đến tab Data -> Entities -> Database. Right click và chọn "Integrate with external database".

- Chọn Connection của bạn đã tạo hoặc có thể tạo connection mới.

- Chọn Database Name mà bạn sử dụng.

- Chọn table bạn muốn sử dụng và click next

- Bạn kiểm tra lại thôn tin hoặc thay đổi tên Integration theo dự án của mình và click Publish.

- Đã hoàn tất các bước connect database, chúng ta đã có thể add dependence vào web app và sử dụng.

- Sau khi add dependence bạn hãy check tab Data -> Entities -> Database sẽ có database của bạn.

- Vậy là bạn đã có thể sử dụng Database của mình trên Web app bạn có thể thêm mới, cập nhật, hoặc xóa dữ liệu trên web app và những thây đổi đó sẽ được cập nhật lên database của bạn. Bài tiếp theo mình sẽ chia sẽ về Database Relationship và generate screen element. 

Phần 1: Hướng dẫn cho người mới bắt đầu dùng OutSystem | Hello World in the OutSystem

- Để có thể tạo một trang web bằng OutSystem bạn cần đăng ký một tài khoản của OutSystem bằng Email cá nhân hoặc công ty. Sau khi đăng ký tài khoản thành công bạn cần tải và cài đặt ServiecStudio(Software Downloads | OutSystems).

- Sau khi cài đạt thành công bạn có thể đăng nhập bằng tài khoản OutSystems vừa đăng ký bên trên. Hệ thống sẽ tạo cho bạn một môi trường để có thể tạo và publish trang web của bạn.

- Tiếp theo bạn hãy thử tạo một website site mới bằng cách click "NewApplication".

- Bạn có thể chọn lựa chọn giữa 2 option là tạo mới với blank app hoặc ready-made app(đã được tạo sẵn template và feature). Trong bài này chúng ta sẽ chọn Blank application.

- Tiếp theo bạn có thể chọn Reactive Web, Traditional Web, Tablet App, Phone App hoặc Serviec.

- Nhập tên App(Website), chọn màu chủ đề, icon.

- Sau khi click Create bạn sẽ được chuyển đến màn hình quản lý Modules của Application. Bạn hãy tạo module cho App.

- Module mới đã được tạo bạn có thể thấy giao diện Module như bên dưới. Đây là màn hình quản lý các Screen của Module tại đây bạn có thể tao mới cái Screen cho Application của mình.

- Tab Interface bên góc phải màn hình. Đây là nơi hiển thị cái UI Flows, các màn hình theo dạng folder tree.

- Tab Logic là nơi quản lý các Action trong Application.

- Tương tự 2 tab trên tab Data là nơi bạn có thể tạo database mới hoặc import, export database. Tab Data cũng là nơi quản lý các global variables.

- Tiếp theo bạn có thể tạo mới screen bằng chắc tìm tool Screen trong toolbox bên trái màn hình và kéo vào bên trong MainFlow.

- Popup Create New Screen cho bạn chọn New Screen với các template có sẵn của OutSystem hoặc bạn có thể chọn Empty để có thể tự custom New Screen với template của riêng mình. Ở bài này chúng ta sẽ chọn Empty.

- Tạo một Container ở Title. 

- Sau khi kéo Container vào Title bạn có thẻ chuyển qua tab Widget Tree để xem các element trong screen để có thể dễ check cũng thao tác chọn element chính xác hơn.

- Tương tự các bước trên bạn có thể kéo "Text" vào Container mới vừa tạo để làm Title cho Screen. Bạn cũng có thể thêm các element khác vào Screen của bạn bằng các tool trong toolbox.

- Click Publish để build  và open on browse để xem Web App mình vừa tạo.

- Vậy bạn đã tạo được một Web App đơn giản bằng OutSystem.