iT邦幫忙

2021 iThome 鐵人賽

DAY 1
5
Modern Web

ASP.NET Web Forms 入門 - 30天建立遊艇網頁專案後端及後台功能 C#系列 第 1

Day 1 - ASP.NET Web Forms 入門 - 30天建立遊艇網頁專案後端及後台功能 C# - 文章主題說明

=x= 🌵 遊艇網頁專案內容及文章主題說明。


文章主題簡介


遊艇網頁內容

👀 網頁備份頁面參考如下 :

https://web.archive.org/web/20170823004641/http://www.tayanaworld.com/index.aspx

https://ithelp.ithome.com.tw/upload/images/20210907/20139487eQTvEZkMzI.jpg



實作內容說明

📌 使用的技術、資源及內容參考如下 :

  • 使用 Visual Studio C# Web Forms 及 MSSQL 資料庫。
  • 建立網頁後台上架功能,包含內文、圖片、資料庫的管理者登入操作頁面。
  • 網站頁面後台套版、後端程式碼、功能建立、資料串接。
  • 已有前端製作好的 HTML、CSS、JavaScript,製作後端功能。


網站頁面內容

網站前台頁面 :

  1. Home Page
  2. Yachts :
    • Yachts - Master Page
    • OverView - Content Page
    • Layout & deck plan - Content Page
    • Specification - Content Page
    • Video - Content Page
  3. NEWS :
    • List Page
    • View Page
  4. COMPANY :
    • About Us Page
    • Certificat Page
  5. DEALERS Page
  6. CONTACT Page
  • 🌵 前台後端製作順序 6 5 4 3 1 2。

網站後台頁面 :

  1. Sign In Page
  2. Yacht Manager - Master Page
  3. User Manager - Content Page
  4. Dealer Manager - Content Page
  5. Company Manager - Content Page
  6. News Manager - Content Page
  7. Yacht Manager - Content Page
  8. Overview Manager - Content Page
  9. Specification Manager - Content Page
  • 🌵 後台製作順序 1 ~ 9。


文章編排方式

📢 文章內容為"遊艇公司網站後端及後台功能",內容編排將依個人製作時的順序進行。由於之前只有功能或語法練習等操作,或是跟著網路上分享的文章製作簡易留言板;但這樣直接從有前台檔案,要把後端功能跟後台都做出來是第一次,一開始點開專案資源時完全不知道怎麼開始,亂弄亂查拖了一週之後,決定從簡單的頁面先開始,於是就從寄信頁的寄信功能、裝文字編輯器、動態新增欄位、壓縮圖檔...等,一步一步慢慢從簡單的頁面往複雜的首頁及內容頁推進解決,途中也回頭改了幾次不好的作法,默默地完成了十幾頁的網頁,終於完成時十分感動 ~ 趁這次鐵人賽一邊整理 code,一邊將知識點修改成文章內容,為製作時的思考方向、遇到的難題、找到的解法與資源做個記錄。


  • 明日將介紹如何使用 Google reCAPTCHA 驗證功能。

下一篇
Day 2 - Using Google reCAPTCHA with ASP.NET Web Forms C#「我不是機器人」驗證
系列文
ASP.NET Web Forms 入門 - 30天建立遊艇網頁專案後端及後台功能 C#30

1 則留言

0
linting
iT邦新手 5 級 ‧ 2021-09-15 02:28:00

超棒! 期待後續文章教學~~~!

我要留言

立即登入留言