Jump to content
IPSViet.com

Sign in to follow this  
Bim

[IP.Pages] Xây dựng trang Bug Tracker

Recommended Posts

IP.Pages là một app độc lập chạy trên IPS giúp bạn dễ dàng xây dựng trang web dễ dàng, với database, categories, custom fields, permissions linh động. Bạn có thể thấy bên website IPS, họ có nhiều trang như

Hidden Content

    Give reaction to this post to see the hidden content.
,

Hidden Content

    Give reaction to this post to see the hidden content.
,

Hidden Content

    Give reaction to this post to see the hidden content.
,... tất cả những trang riêng biệt đặc trưng đó đều được xây dựng từ IP.Pages chứ không phải nhiều applications khác nhau như nhiều bạn từng nghĩ (trong đó có mình).

Hôm nay rãnh rỗi viết tut này hướng dẫn các bạn xây dựng trang

Hidden Content

    Give reaction to this post to see the hidden content.
giống bên IPS. Mục đích bài viết này là làm một ví dụ mẫu đầy đủ nhất, từ đó bạn có thể xây dựng những trang khác theo ý của bạn.

Vậy IPS dùng Bug Tracker là gì? Để thu thập các thông báo lỗi về sản phẩm của họ. Thành viên có thể gửi bài viết báo lỗi lên. Admin và Mod sẽ xử lý lỗi đó và chuyển các trạng thái cho phù hợp. 

bugtracker1.thumb.jpg.43b0a7e586c480f42b

Bây giờ mình sẽ hướng dẫn từng bước sử dụng Pages để xây dựng trang Bug Tracker giống vậy. Tất nhiên yêu cầu bạn đã cài đặt Pages.

Bước 1: Tạo Database

Vào ACP -> Pages -> Databases -> bấm nút +Creat New.

Một popup hiện ra, bấm ngay nút Next. Sẽ thấy giao diện tạo Database gồm 5 tabs: Details, Language, Options, Forums & Page. Thông tin điền vào như sau:

DETAIL

  • Name: Bug Tracker
  • Use Categories: Nếu sử dụng Categories (chuyên mục) thì chọn Yes, còn như ở bài này mình chọn NO vì làm cho nó giống bên IPS 100%.
  • Database Index: Show record list
  • Database key: bugtracker

LANGUAGE

Ở đây là trang chuyên về báo lỗi, nên các ngôn ngữ dùng sẽ là: bug, bugs

bugtracker2.thumb.jpg.d352cad72e56ce842d

OPTIONS

Bên Tab này bạn để mặc định, tuy nhiên theo nhu cầu bạn có thể tùy chỉnh cách hiển thị, bật tắt tags, comments, search,...

FORUMS

Nếu bạn muốn tự động gửi một bài viết vô Forums thì bật, còn ko thì thôi, theo mình thì tắt đi chứ dính đến cái Forum làm gì cho mắc công trả lời và theo dõi nhiều nơi.

Bấm nút Save, tiếp tục phân quyền xem, gửi bài,... cho thành viên

bugtracker3.thumb.jpg.4f40dd0538fac14462

SAVE lại là hoàn tất việc tạo Database.

Bước 2: Tạo Field (thông tin bổ sung)

Sau bước 1, bạn sẽ thấy database mới tạo ở danh sách, chọn Manage Fields

bugtracker4.thumb.jpg.b27685defb4c698130

Sau đó bạn được chuyển đến trang quản lý Fields, click + Create New

Ở đây, Bug Tracker chỉ cần 1 filed là Status để admin/mod phản hồi lại cho thành viên.

GENERAL OPTIONS

  • Title: Status
  • Type: Select Box
  • Default value: giá trị mặc định, ở đây dùng pending
  • Content: click add another để add đúng 6 giá trị như sau

bugtracker5.thumb.jpg.323a9cfe1854955541

  • Allow filtering: YES
  • Allow searching: NO
  • Field Required: YES

DISPLAY OPTIONS

  • Template key: status
  • Show in listing template: YES
  • Listing view format: Custom
  • Listing custom format:

Hidden Content

    Give reaction to this post to see the hidden content.
  • Show in display templates: YES
  • Display view format: Custom
  • Display custom format:

Hidden Content

    Give reaction to this post to see the hidden content.
  • Editable when viewing a record: YES

Bấm Save hoàn thành tạo field. Bạn sẽ được chuyển đến trang phân quyền, lần này chú ý quyền Edit và Add chỉ cho Admin hoặc Mod nhé.

Bước 3: Tạo Page

  • Vào Page Management -> Pages -> bấm nút + Add Page
  • Chọn Page Builder và bấm Next
  • Page Name: Bug Tracker
  • Page Filename: bugtracker
  • Theme: Default theme (bước này chọn giao diện nào cũng dc)
  • Template: Single Column
  • Ngoài ra còn có Tab Title & Meta Tags tùy chọn.
  • Tab Menu: bật Add to Menu để đưa liên kết ra thanh menu.
  • Bấm Save và phân quyền xem trang cho thành viên. Save một lần nữa

Bước 4: xây dựng Page

Tạo xong page sẽ hiển thị ở danh sách, click nút Page Builder để bắt đầu định dạng trang:

bugtracker7.thumb.jpg.7cc5d02a69f325bdd8

Một trang mới được mở ra giao diện thế này

 bugtracker8.thumb.jpg.5cf540f19029e3b941

Bạn chỉ cần kéo thả Database mà bạn tạo ở bước 1 ra giữa:

bugtracker9.thumb.jpg.35183d4373710c0bb2

Bấm Edit và chọn Bug Tracker, Save lại. Xong bấm nút màu xanh Finish Editting ở cuối cùng của cột màu đen bên trái.

bugtracker10.thumb.jpg.04bd32d8e7ffdba29

Vậy là xong

bugtracker11.thumb.jpg.194f3ba2dbfa28af2

Vậy là đã hoàn thành tạo một trang Bug Tracker, thành viên có thể gửi thông báo lỗi lên đó. Khi Admin/Mod xem qua có thể edit bài và chuyển trạng thái báo lỗi. 

bugtracker12.thumb.jpg.720fd453a351e550a

Thêm bước này để tạo mô tả về các status cho đẹp như bên IPS. Cũng ở giao diện quản lý các widget, nắm kéo ra block WYSIWYG Editor qua bên sidebar, bấm Edit block vừa kéo, bấm nút Source để dùng nội dung HTML và thêm nội dung này vào

Hidden Content

    Give reaction to this post to see the hidden content.

Vậy là hoàn chỉnh 100% rồi :)

bugtracker13.thumb.jpg.1eea7c83c77c36a41

Qua bài viết này bạn đã nắm được cách hoạt động của Ip.Pages, từ đó có thể tạo cho mình nhiều trang đặc trưng cho thành viên chia sẽ nội dung.

Edited by Bim
  • Like 7
  • Thanks 2

Share this post


Link to post
Share on other sites

Được đó, cơ bản là có thể tạo fields, post bài, permissions,... mấy cái template chế thêm vào

Share this post


Link to post
Share on other sites

Được đó, cơ bản là có thể tạo fields, post bài, permissions,... mấy cái template chế thêm vào

nhưng về cơ bản thì.... mình không biết code =)), với lại cần des cho đẹp nữa.

Share this post


Link to post
Share on other sites

bim cho mình hỏi, cái app video bim tạo bằng ip.page này hay sao?

không, nó là app độc lập có thể chạy mà ko cần bất kỳ app nào khác ngoài core

Share this post


Link to post
Share on other sites

không, nó là app độc lập có thể chạy mà ko cần bất kỳ app nào khác ngoài core

Vậy nếu mình tạo app độc lập thì phải vào phần app và tạo phải không bim?

Share this post


Link to post
Share on other sites

Vậy nếu mình tạo app độc lập thì phải vào phần app và tạo phải không bim?

Hidden Content

    Give reaction to this post to see the hidden content.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...