课程预览

程式 ASP

ASP.NET MVC - 线上相簿

0 (0)

MIS2000 Lab.

讲师介绍

这堂课我会学到

以实际上线的网站专案 - ASP.NET MVC「线上相簿」为例。用实际网站为您解说 MVC 各种功能。从实战中拆解范例与学习，更具成效。
以实际网站来解说 ASP.NET MVC 的架构与观念，搭配 Routing 路由。为您解析 Model-Viewer-Controller 三者的关连。
除了基础 CRUD 必备功能之外，本课程更加入原本专案没有的「分页」与「搜寻」、搭配档案上传的「编辑」功能，让您学到的比原本专案更多。
档案上传（FileUpload）后，将相片（图片）转成二进位并存入资料表。
将资料表里面二进位的内容，恢复成图片格式，重新呈现在 HTML 网页上。

课前信息

学员上课前需具备哪些软、硬体设备或常识

建议已完成前面三天的入门课 - 「ASP.NET MVC 教学 - 由零开始的入门课」的学习。
知道资料库（DataBase）与简单的 T-SQL 指令，如：CRUD。课程所需软体皆可免费下载。
Visual Studio 2015~2019 或后续新版，请下载社群版（Community 版）。
建议使用 Windows 作业系统。因为 Visual Studio Code 与 Visual Studio for Mac 与教学画面仍有差异。
SQL Server Express 版（免费）。建议使用 SQL Server 2012（Express 版）或后续新版。

课程适合对象

本课程属於进阶课程，建议完成「ASP.NET MVC 教学 - 由零开始的入门课」课程后再来学习。
需要撰写网页系统、或对於网页与资料库的开发有兴趣的朋友。
未来的程式设计师 -- 希望将来进入业界写程式，开发网页系统。
曾写过 ASP、ASP.NET（Web Form）、PHP、JSP 的朋友，现在想学习 ASP.NET MVC 5。

课程大纲

16节

05:49:53

课程介绍
- 课程介绍短片
  
  预览
课程内容

16节

05:49:53
- 0_Starter
  
  22:47
- 1_DB
  
  16:32
- 2_Model
  
  36:35
- 2-1_Model_HomeWork
  
  25:21
- 3-1_Action_View
  
  36:51
- 3-2_Route
  
  16:38
- 3-3_Action_PartialView
  
  15:01
- 3-4_HomeWork
  
  04:18
- 3-5_Master_List
  
  24:38
- 3-6_Details
  
  14:53
- 3-7_Create
  
  26:55
- 3-8_Search
  
  31:56
- 3-9_Page
  
  11:17
- 3-10_FileUpload01
  
  21:35
- 3-11_FileUpload02
  
  11:46
- 3-12_Delete_Edit
  
  32:50

课程介绍

本课程特别采用了一个公开的范例 -「线上相簿」，让学员从线上网站的运作中，拆解每个功能与步骤。

学会 MVC 的下一步

你是否也曾有疑惑，学会了 ASP.NET MVC 之后，能应用在什么地方呢？本课程特别采用了一个公开的范例 -「线上相簿」，让学员从线上网站的运作中，拆解每个功能与步骤。

实战应用，提升学习成效

对已经上过「ASP.NET MVC 教学 - 由零开始的入门课」的学员而言，本课程是一个挑战，也是一种复习。在经过这个专案解说后，相信您会恍然大悟，发现将以前学过的功能套用在实际网站上，原来是这么容易的事！利用入门课程所学的「零散」招式，立即实战应用，并加以「整合」，绝对能大幅提升您的学习成效。

原厂没说的功能交给你

传统的书籍与课程，常用留言板、部落格这些以「文字」为主的范例来解说，本范例搭配档案上传（FileUpload）的功能以「图片、线上相簿」为主体，应用更广泛，成果也更生动活泼。尤其是(1) 将图片存入（新增、Insert Into）资料表，(2)再将二进位内容取出，还原成图片档案。这样进阶的范例，相信是初学者真正需要的。

除了原本的范例以外，额外添加的「分页（Paging）」、「搜寻」、搭配档案上传的「编辑」功能，都是原厂范例没有的，加上搭配了两个家庭作业，让您学到的东西比原本的专案还要多！

额外补充教材加码送

以 Google 为例，当您搜寻的关键字有上千笔纪录时，您必须把搜寻结果分页展示，每一页展示二十笔记录，一页一页呈现，才能缩减反应时间，减低网站负担，所以「分页」与「搜寻」两种功能的合并，是每个网站必备的！

搭配档案上传的「编辑」功能，可能因为难度又提升了一些，所以原厂范例并不包含在内。只要有基础，随手增补上去，一点也不难，这三个额外提供的功能也是老师坚持给您的补充教材。让各位能从真正的专案中，重新思维并复习自己以前学过的基础招式，真正转化成实战经验！

课程学习重点

0_Starter

课程介绍与目标学员的基础能力。在您进入课程之前，请先评估自己的能力。建议已经完成前三天ASP.NET MVC入门课程的学员，参与本课程才能真正学到经验。这是一个简化的课程，透过拆解一个线上相簿的网站，为您解说各种功能，对应您以前学过的招式。对於已经入门ASP.NET MVC的学员来说，是一种挑战也是一种复习。

1_DB

先介绍「线上相簿」会用到的资料表架构与特点。这个专案会把上传的图档存入资料表，所以用到了一些特别的设定。

2_Model

如何将资料库转换成Context，并把资料表对应为ViewModel、类别档。要存放二进位的资料表栏位，变成类别档会是怎样的资料型态。

2-1_Model_HomeWork

提供一个家庭作业，让老师陪著您一起完成，透过自己动手做，亲自复习课程重点。

3-1_Action_View

MVC的控制器里面，如何撰写Action动作，并产生对应的Viewer检视画面是非常重要的基础。

3-2_Route

Route路由的设定与应用。

3-3_Action_PartialView

PartialView的应用。

3-4_HomeWork

提供一个家庭作业，让老师陪著您一起完成，透过自己动手做，亲自复习课程重点。

3-5_Master_List

网站首页，多笔记录（报表）的资料展示，从资料库读取并展示记录。介绍List范本。如何把资料表里面的二进位内容，还原成一张图片档并呈现在网页上，是本范例的重点。

3-6_Details

单一笔记录（明细档）的资料展示，从资料库读取并展示记录。介绍Details范本。

3-7_Create

新增一笔记录并上传图片。因为本专案「线上相簿」需要搭配档案上传（FileUpload），所以这个新增（Create）功能的难度较高。要将上传的图片以二进位的型态存入资料表，程式会繁琐一些。

3-8_Search

[本课程额外加入] 搜寻，以关键字进行模糊搜寻，是所有网站必备的基础功能。由於原本的范例不提供，这是老师额外的补充教材。

3-9_Page

[本课程额外加入] 分页，不管是网站首页或是搜寻的结果，倘若资料量太大，就必须透过「分页」展示，节省网站资源。这也是所有网站必备的基础功能。由於原本的范例不提供，这是老师额外的补充教材。

3-10_FileUpload01

档案上传的基本范例。档案上传搭配CRUD的功能，在当今网站中是非常重要的，没有图片的搭配，只有文字的网站很难受到关注与喜爱。

3-11_FileUpload02

档案上传有不少变化，所以我们准备了两段影片为您介绍其中的特点。并为您解析两种不同的档案上传作法，各有哪些优缺点？

3-12_Delete_Edit

删除与编辑。[本课程额外加入] 「编辑」与档案上传（FileUpload）的综合应用，由於原本的范例不提供，这是老师额外的补充教材。编辑的检视画面，需要呈现图片。编辑（修改资料表中既有的纪录）时，该如何搭配档案上传，取代图片呢？您必须融合前面学过的 Create、Details两种功能，才能在「编辑」功能中妥善的搭配档案上传（FileUpload）。

课程特色

以实作优先：减少理论说明，大量练习范例，讲求从做中学。
错误学习法：透过错误的范例从中学习，并找出自己的盲点。
采用网路公开的专案，让学员从真正的专案中，重新思维并复习自己以前学过的基础招式，真正转化成实战经验。

好礼优惠

凡购买「ASP.NET MVC 教学 - 由零开始的入门课」与「ASP.NET MVC 教学 - 由入门到进阶」两课程的学员，即可获得本课程 NT 2,800 元的超值优惠！优惠代码为购买两堂课起一个月有效（本优惠适用方案一）
凡以「方案二」三课合购方式购买「ASP.NET MVC 教学 - 由零开始的入门课」、「ASP.NET MVC 教学 - 由入门到进阶」与本课程的学员，将以超划算的价格同时取得三门课程！