Thứ Sáu, 14 tháng 7, 2023

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.



Không có nhận xét nào:

Đăng nhận xét