cong thong tin thanh hoa
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (844.69 KB, 21 trang )
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
Mục lục
Lời nói đầu.......................................................................................2
I. Tổng quan về đề tài......................................................................3
1/ Bài tốn đặt ra..............................................................................3
2/ Cơng cụ sử dụng..........................................................................5
3/ Mục đích đạt được.......................................................................5
II. Tìm hiểu cơng cụ, các thao tác và các bước thực hiện................5
1/ Tìm hiểu về ASP.NET..................................................................5
a/ Tìm hiểu chung............................................................................5
b/ Cài đặt..........................................................................................7
2/ Các bước xây dựng trang web.....................................................7
III. Một số hình ảnh kết quả...........................................................15
Kết luận..........................................................................................19
Tài liệu tham khảo.........................................................................21
1
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
Lời nói đầu!
Ngày nay công nghệ thông tin đã xâm nhập vào nhiều lĩnh vực khoa
học và đã "thu hẹp" khoảng cách không gian, rút ngắn thời gian cho nhiều
loại dịch vụ, các lĩnh vực kinh tế, văn hố xã hội, …Và nó đã trở thành một
phần tất yếu của tất cả các quốc gia trong công cuộc xây dựng, phát triển đất
nước.
Không ai phủ nhận vai trò quan trọng của Internet trong cuộc sống hiện
nay, đặc biệt là trong nền kinh tế và đời sống xã hội. Chỉ 10 năm kể từ ngày
Internet ra đời tại Việt Nam, sự phát triển như vũ bão của nó đã tạo ra hàng
ngàn các tiện ích cho người sử dụng. Trong đó, Web đã phát triển mạnh mẽ
rút ngắn khoảng cách về mặt địa lý mang lại cho con người nhiều tiện ích về
cuộc sống. Một số cơng cụ giúp ích trong việc tạo Web như: HTML, ASP,
PHP, ASP.NET,… Trong đề tài này chúng tôi xin giới thiệu tới các bạn một
cơng cụ giúp ích trong việc tạo một trang Web đơn giản: ASP.NET.
Đề tài gồm 3 phần:
I. Tổng quan về đề tài.
II. Giới thiệu công cụ sử dụng.
III. Một số hình ảnh minh hoạ.
Với đề tài này chúng tơi có thể giúp các bạn tạo được mốt trang Web đơn
giản, dễ sử dụng. Đồng thời chúng tôi xin chân thành cảm ơn Tiến Sĩ Phan
Lê Na, bạn bè, gia đình, … đã giúp chúng tơi: tài liệu, các chương trình,…
trong quá trình tìm hiểu để có thể hồn thành được đề tài này.
Sinh viên thự hiện
2
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
I. Tổng quan đề tài
1. Bài toán:
Đề tài tạo trang Home với tiêu đề ‘Cổng thơng tin điện tử TP Thanh
Hóa’. Vậy bài tốn đặt ra là cần tạo một trang Web để cập nhật thơng tin
kinh tế, chính trị, văn hóa …của tỉnh Thanh Hóa, của cả nước và của thế
giới. Như vậy yêu cầu trang Web cần có: một Banner với logo là một biểu
tượng của TP Thanh Hóa, phía dưới Banner có dịng chữ chạy “Chào mừng
bạn đến với Website của Thành Phố Thanh Hóa”, phần bên trái có một menu
dọc gồm 6 tiêu đề, trong mỗi tiêu đề đó lại có các tiêu đề con khác và được
mơ tả như hình dưới đây:
Trang chủ
Sự kiện trong ngày
Việt Nam
Tin tức Sự kiện
Thế Giới
Kinh tế
Văn hóa
Việt Nam
Thế giới
Thể Thao
Gương Sáng
Giáo dục Khuyến học
Khuyến học
Phía dưới menu là Lịch vạn niên để cập nhật ngày giờ hiện tại của hệ
thống, phần còn lại bên dưới là các hình ảnh và logo quảng cáo.
3
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
Phần bên phải gồm các mục:
+ Mục Đăng nhập, mục này dung cho Admin đăng nhập vào hệ thống để
quản lí trang Web.
+ Mục Tiêu điểm: đây là các link được liên kết đến các trang tiêu điểm.
+ Bên dưới là các logo và hình ảnh quảng cáo.
Phần giữa là nội dung tóm tắt của một số tin được cập nhật mới nhất trong
mỗi mục.
Phần dưới cùng của trang Web là phần ghi sở hữu bản quyền, giấy phép
phát hành, nơi quản lí trang Web này. Và dưới đây là hình ảnh cơ bản của
trang web:
4
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
2. Công cụ sử dụng
Với các yêu cầu thiết kế trang Home theo dạng web động và các yêu cầu
như trên thì chúng ta có thể sử dụng một số ngơn ngữ và cơng nghệ thiết kế
web như ASP, PHP, ASP.NET… và một số công cụ hỗ trợ như DreamWare,
FronPage, Java Scrip…Ở đây chúng ta sẽ sử dụng công nghệ ASP.NET và
các công cụ hỗ trợ để thiết kế trang Home.
3. Mục đích đạt được
Tạo ra một trang web đơn giản với giao diện đẹp, thân thiện với mọi
người và đúng với yêu cầu của đề tài. Vì là trang tin tức nên thơng tin có thể
thay đổi liên tục, liên tục cập nhật các thơng tin mới …
II. Tìm hiểu cơng cụ, các thao tác và các bước xây dựng trang web.
1. Tìm hiểu về ASP.NET
a/ Tìm hiểu chung
Trước hết, họ tên của ASP.NET là Active Server Pages .NET (.NET ở đây
là .NET framework). Nói đơn giản, ngắn và gọn thì ASP.NET là một cơng
nghệ có tính cách mạng dùng để phát triển các ứng dụng về mạng hiện nay
cũng như trong tương lai (ASP.NET is a revolutionary technology for
developing web applications). Bạn lưu ý ở chổ ASP.NET là một phương
pháp tổ chức hay khung tổ chức (framework) để thiết lập các ứng dụng hết
sức hùng mạnh cho mạng dựa trên CLR (Common Language Runtime)
chứ khơng phải là một ngơn ngữ lập trình. Ngơn ngữ lập trình được dùng
để diển đạt ASP.NET trong
khóa này là C# (C# chỉ là một trong 25 ngôn ngữ .NET hiện nay được
dùng để phát triển các trang ASP.NET mà thôi.
Tuy mang họ tên gần giống như ASP cổ điển nhưng ASP.NET không phải
là ASP. Ta sơ lược ở đây vài khác biệt giữa ASP.NET và ASP để bạn có
khái niệm tổng qt và sẽ trình bày thêm chi tiết khi đào sâu vào từng
điểm đặc trưng (features) của ASP.NET.
ASP.NET được phác thảo (re-design) lại từ số không, nó được thay đổi
tận gốc rễ và phát triển (develop) phù hợp với yêu cầu hiện nay cũng như
vạch một hướng đi vững chắc cho tương lai Tin Học. Lý do chính là
Microsoft đã quá chán nãn trong việc thêm thắt và kết hợp các công dụng
mới vào các kiểu mẫu lập trình hay thiết kế mạng theo kiểu cổ điển nên
Microsoft nghĩ rằng tốt nhất là làm lại một kiểu mẫu hồn tồn mới thay vì
vá víu chổ này chổ nọ vào ASP. Ðó là chưa kể đến nhiều phát minh mới ra
đời sau này dựa trên các khái niệm mới mẽ theo xu hướng phát triển hiện
nay của công nghệ Tin Học (Information Technology) cần được đưa vào
kiểu mẫu phát triển mới đó. Nhờ vậy, ta mới có thể nói ASP.NET khơng
phải là ASP. Thật vậy , ASP.NET cung cấp một phương pháp hoàn toàn
khác biệt với phương pháp của ASP.
Lưu ý, mặc dù ASP.NET và ASP khác biệt nhau nhưng chúng có thể hoạt
5
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
động vui vẽ hài hoà với nhau trong Web Server của bạn (operate side-byside). Do đó, khi bạn cài ASP.NET engine, bạn khơng cần lập trình lại các
ứng dụng hiện có dưới dạng ASP của bạn tuy rằng, nếu muốn, bạn có thể
làm điều đó rất dễ dàng.
ASP đã và đang thi hành sứ mạng được giao cho nó để phát triển
mạng một cách tốt đẹp như vậy thì tại sao ta cần phải đổi mới hồn tồn?
Lý do đơn giản là ASP khơng còn đáp ứng đủ nhu cầu hiện nay trong lãnh
vực phát triển mạng của công nghệ Tin Học. ASPđược thiết kế riêng biệt
và nằm ở tầng phiá trên hệ điều hành Windows và Internet Information
Server, do đó các cơng dụng của nó hết sức rời rạt và giới hạn.
Trong khi đó, ASP.NET là một cơ cấu trong các cơ cấu của hệ điều hành
Windows dưới dạng nền hay khung .NET (.NET framework), như vậy
ASP.NET khơng những có thể dùng các object của các ứng dụng cũ mà
cịn có thể xử dụng tất cả mọi tài nguyên mà Windows có, dễ dàng như ...
ăn cơm tấm bì sườn chả vậy.
Ta có thể tóm tắc đại khái sự thay đổi như sau:
• Tập tin của ASP.NET (ASP.NET file) có extension là .ASPX, cịn tập
tin của ASP là .ASP.
• Tập tin của ASP.NET (ASP.NET file) được phân tích ngữ pháp
(parsed) bởi XSPISAPI.DLL, cịn tập tin của ASP
được phân tích bởi ASP.DLL.
• ASP.NET là kiểu mẫu lập trình phát động bằng sự kiện (event
driven), còn các trang ASP được thi hành theo thứ tự
tuần tự từ trên xuống dưới.
• ASP.NET xử dụng trình biên dịch (compiled code) nên rất nhanh,
cịn ASP dùng trình thơng dịch (interpreted code)
do đó hiệu suất và tốc độ phát triển cũng thua sút hẳn.
• ASP.NET yểm trợ gần 25 ngơn ngữ lập trình mới với .NET và
chạy trong mơi trường biên dịch (compiled environment), còn
ASP chỉ chấp nhận VBScript và JavaScript nên ASP chỉ là một
scripted language trong môi
trường thơng dịch(in the interpreter environment). Khơng những
vậy, ASP.NET cịn kết hợp nhuần nhuyễn với XML (Extensible
Markup Language) để chuyển vận các thơng tin (information) qua
mạng.
• ASP.NET yểm trợ tất cả các browser và quan trọng hơn nữa là yểm
trợ các thiết bị lưu động (mobile devices). Chính các thiết bị lưu
động, mà mỗi ngày càng phổ biến, đã khiến việc dùng ASP trong
việc phát triển mạng nhằm vươn tới thị trường mới đó trở nên vơ
cùng khó khăn.
b/ Cài đặt
Ðể chạy trang ASP.NET, trước hết ta cần phải cài đặt thành cơng:
• Internet Information Server (IIS) và bố trí Virtual Directory dùng
6
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
trong khóa Tự Học ASP.NET của Vovisoft.
• MS Visual Studio.NET - trong trường hợp này thì MS Visual
Studio.NET đã cài sẵn .NET Framework SDK cho ta dùng với
ASP.NET hoặc là Microsoft ASP.NET Web Matrix.
• .NET Framework Software Development Kit (SDK) - nếu ta
khơng có MS Visual Studio.NET, ta có thể tải .NET Framework
Software Development Kit (SDK) xuống tự do từ mạng
www.microsoft.com/NET , với SDK, ta chỉ có thể dùng Notepad
hoặc một Text Editor nào ta thích để phát triển trang ASP.NET
mà thơi.
Nhớ là ASP.NET là kỹ thuật phát triển mạng ở phiá Server, do đó ta phải
cần có Internet Information Server (hay thường được gọi đơn giản hơn là
Web Server) để soạn (phát triển hay lập trình) các trang về mạng cho khách
vãng lai ghé thăm cũng như tham khảo các thông tin liên hệ. Nhưng khác
với các trang ASP cổ điển, Web Server sẽ không hiểu các trang ASP.NET
nếu như ta quên hay bỏ sót khơng cài .NET Framework SDK hoặc khơng
cài MS Visual Studio.NET, chính nhờ ở .NET Framework SDK mà ta có
đầy đủ các cơng dụng và các object hay classes cần thiết cho các trang
ASP.NET của ta.
2. Các bước xây dựng trang web
- Bước 1: Để tạo một trang web bằng công nghệ ASP.NET thông thường
đầu tiên ta sẽ tạo một trang mẫu gọi là trang Master. Đây là một bộ khung
được sử dụng cho hầu hết các trang trong website, các trang này sẽ có
những cái chung mà trang Master có. Trang này sẽ được đưa vào những
thứ mà không thay đổi trong các trang của website, trong trang này sẽ có
phần logo, phần bên trái, bên phải và ở dưới là các phần mà các trang trong
website giống nhau nên ta có thể thiết kế chung. Phần ở giữa là nơi giành
riêng cho mỗi trang, ở đây là nơi thể hiện nội dung của từng trang. Để làm
được điều này C# cung cấp một cách làm đó là add vào website trang
master như sau: Right click vào website trong cửa sổ solution Explorer và
chọn Add new Item, cửa sổ Add new Item hiện ra và ta chọn đối tượng
Master Page, đặt tên trang và click OK. Và bây giờ ta bắt đầu thiết kế cho
trang Master. Dưới đây là hình ảnh của trang Master:
7
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
Chú ý:ở giữa trang master có một đối tượng là contentPlaceHoder,
đây là nơi thiết kế nội dung cho các trang trong website nếu trang đó kế
thừa của trang master.
8
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
- Bước 2: Thiết kế phần menu dọc: vì đây là web động nên nội dung của
menu sẽ được cập nhật tự động từ CSDL, khi nội dung của menu trong
CSDL thay đổi thì nội dung của menu trên trang web cũng thay đổi theo.
Để tạo được một menu thì C# cung cấp cho ta công cụ là Web User
Control, cách làm như sau: Right click vào website trong cửa sổ solution
Explorer và chọn Add new Item, cửa sổ Add new Item hiện ra và ta
chọn đối tượng Web User Control, đặt tên trang là MainMenu và click
OK. Bây giờ chúng ta có thể thiết kế hình dạng của menu theo ý thích của
chúng ta, có thể chọn menu dọc hoặc ngang, màu sắc, kích thước… .Để
menu có thể tự động thay đổi nội dung khi mà nội dung trong CSDL thay
đổi thì cần cần phâir viết code cho nó. Cơng nghệ ASP.NET cung cấp cho
ta một cách viết code cho trang web gọi là Code behide, phần code này sẽ
được webserver thực hiện và trả về phía client dưới dang code HTML để
client thực thi. Dưới đây là phần code của menu này:
using
using
using
using
using
using
using
using
using
using
System;
System.Data;
System.Configuration;
System.Collections;
System.Web;
System.Web.Security;
System.Web.UI;
System.Web.UI.WebControls;
System.Web.UI.WebControls.WebParts;
System.Web.UI.HtmlControls;
public partial class MainMenu : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
database myda = new database();
string sql = "select * from tblMainMenu where M_Status=1
Order By M_Order";
DataTable tblMM = myda.Getdata(sql);
//lay menu chinh
for (int i = 0; i < tblMM.Rows.Count; i++)
{
MenuItem mi = new MenuItem(tblMM.Rows[i]
["M_Name"].ToString());
mi.SeparatorImageUrl = "images/bg1.png";
Menu1.Items.Add(mi);
string mid = tblMM.Rows[i]["M_id"].ToString();
string sql1=string.Format("select * from tblSubMenu
where (S_Status=1) and (M_id={0})",mid);
DataTable tblSM = myda.Getdata(sql1);
//lay menu con
if (tblSM.Rows.Count > 0)
{
for (int j = 0; j < tblSM.Rows.Count; j++)
{
MenuItem msi = new MenuItem(tblSM.Rows[j]
["S_Name"].ToString());
msi.SeparatorImageUrl = "images/bg1.png";
9
Tiểu luận tốt nghiệp
["S_Link"].ToString();
GVHD: Phan Lê Na
Menu1.Items[i].ChildItems.Add(msi);
string sid = tblSM.Rows[j]["S_id"].ToString();
if (tblSM.Rows[j]["S_Link"].ToString() != "")
{
msi.NavigateUrl = tblSM.Rows[j]
}
else
{
msi.NavigateUrl = "Default.aspx?sid=" +
tblSM.Rows[j]["S_id"].ToString();
}
}
}
else
{
if (tblMM.Rows[i]["M_Link"].ToString().Trim() != "")
{
mi.NavigateUrl = tblMM.Rows[i]
["M_Link"].ToString();
}
else
{
mi.NavigateUrl = "Default.aspx?mid=" +
tblMM.Rows[i]["M_id"].ToString();
}
}
}
}
}
}
- Bước 3: Tạo trang Home
Trang này được kế thừa từ trang Master và chỉ bổ sung vào phần giữa
trang nội dung của các tin tức ở trong CSDL. Để tạo trang này chúng ta
Right click vào website trong cửa sổ solution Explorer và chọn Add new
Item, cửa sổ Add new Item hiện ra và ta chọn đối tượng Web Form, đặt
tên trang là Default.aspx và click OK. Giao diện của trang này sẽ giống với
giao diện của trang master, trong phần giữa ta them một đối tượng label để
chứa nội dung của các tin tức sẽ được hiển thị. Tiếp theo để các tin tức có
thể hiện lên trình duyệt và thay đổi theo CSDL thì ta phải viết phần code
behide cho nó như sau:
using
using
using
using
using
using
using
using
using
using
System;
System.Data;
System.Configuration;
System.Collections;
System.Web;
System.Web.Security;
System.Web.UI;
System.Web.UI.WebControls;
System.Web.UI.WebControls.WebParts;
System.Web.UI.HtmlControls;
public partial class _Default : System.Web.UI.Page
{
10
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
string sql = "select * from tblContent Order By C_id Desc";
database db1 = new database();
DataTable tblC1 = db1.Getdata(sql);
string st1 = "";
for (int i = 2; i <= 6; i++)
{
int j = 0;
bool t = true;
while (t)
{
if ((tblC1.Rows[j]["M_id"].ToString() ==
i.ToString()) || (j > tblC1.Rows.Count))
t = false;
j++;
}
if (j < tblC1.Rows.Count)
{
st1 += "
width='148' height='120' align='left' hspace='5' vspace='5'>
st1 += "
<b><font size='4'>" + tblC.Rows[0]
["C_Subject"].ToString() + "</font></b>
<b>";
st += "hspace='5' vspace='5'>" + tblC.Rows[0]["C_Abstract"].ToString() +
11
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
"</b>
" + tblC.Rows[0]["C_Content"].ToString() +
"</td>";
st += "</tr><tr><td>
trang</a></td></tr></table>";
text.Text = st;
}
else
{
if (Request.QueryString["mid"] != null)
{
string mid = Request.QueryString["mid"].ToString();
string sql1 = string.Format("select * from
tblContent where M_id={0} Order By C_id Desc", mid);
database db = new database();
DataTable tblC = db.Getdata(sql1);
string st = "";
for (int i = 0; i < tblC.Rows.Count; i++)
{
st += "
tblC.Rows[i]["C_Subject"].ToString() + "</a></font></b>
height='120' align='left' hspace='5' vspace='5'><div align='left'>" +
tblC.Rows[i]["C_Abstract"].ToString() + "</div>";
st += "
<b><font size='4'>" + tblC.Rows[0]
["C_Subject"].ToString() + "</font></b>
<b>";
st += "hspace='5' vspace='5'>" + tblC.Rows[0]["C_Abstract"].ToString() +
"</b>
" + tblC.Rows[0]["C_Content"].ToString() +
"</td>";
12
Tiểu luận tốt nghiệp
GVHD: Phan Lê Na
st += "</tr><tr><td>
trang</a></td></tr></table>";
text.Text = st;
}
if (Request.QueryString["sid"] != null)
{
string sid =
Request.QueryString["sid"].ToString();
string sql1 = string.Format("select * from
tblContent where S_id={0} Order By C_id Desc", sid);
database db = new database();
DataTable tblC = db.Getdata(sql1);
string st = "";
for (int i = 0; i < tblC.Rows.Count; i++)
{
st += "
tblC.Rows[i]["C_Subject"].ToString() + "</a></font></b>
height='120' align='left' hspace='5' vspace='5'><div align='left'>" +
tblC.Rows[i]["C_Abstract"].ToString() + "</div>";
st += "
