ASP.NET动态网站课程设计——个人网页

  时光荏苒,岁月如梭,又是学期期末时,没错,我又来补课程设计了,hhh。

  本文主要讲述如何在用H5+CSS3写的静态网站的基础上,结合ASP.NET动态网站开发,制作一个动态的个人网页。

  首先需要熟悉一下Virtual Stdio这个编译环境。打开VS,建立一个站点,创建一个空白网站,记得选用C#语言。然后可以看到熟悉的H5的基本框架,略有不同的是有些标签中有一些新的属性,比如runat="server"和form等。

  然后将静态网页中body中的语句先粘贴过来,随后再按需要将标签换为服务器控件,然后将引用的css文件和样式也放在头部的位置,然后点击运行,可以看到动态网站的框架基本就搭建好了。

  如何修改控件的样式呢?之前添加样式是各种选择器,比如盒子的id名称,这里需要在服务器控件中添加cssClass属性,然后编写对应的属性即可。

  最后需要说明的是如何建立数据库,如何使用调用数据库中的信息然后呈现出来。这里我们先在站点文件夹里新建一个文件夹App_Data,再将建立的好的数据库放在里面即可。这里使用Access数据库,原则上Mysql,Oracle,SQLserve都可以,只不过不同数据库的连接串不同而已。

  那么如何使用Access建立数据库呢?打开软件,建立新的数据库,命名,然后创建表,添加字段命名表名并保存。

  怎么取出数据并显示在网页上呢?在创建的新网页上添加一个GridView,绑定字段和数据来源即可。在对应cs文件中添加事件,另外需要注意的是,当发生分页时,需要处理对应的页面索引变更处理代码如下:

1 protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
2     {
3         GridView1.PageIndex = e.NewPageIndex;
4         GridViewBind();
5     }

  其他的页面就是将主框架复制一下,然后将内容部分修改成该页面的内容即可。

  通过这次课程设计,了解了H5和CSS3在ASP.NET中的应用,以及如何使用C#语言来操作数据库,最后完成一个动态的个人网页课程设计。

  如果有需要的小伙伴可以在这个网盘链接中下载,提取码4hyl,希望对你有用。

原文地址:https://www.cnblogs.com/wenzhixin/p/11109276.html

时间: 2024-11-09 10:35:38

ASP.NET动态网站课程设计——个人网页的相关文章

ASP.NET动态网站制作(3)--css(2)

前言:css分为四次课讲完,第一节课内容见ASP.NET动态网站制作(2)--css(1),接下来的内容会涉及到定位.浮动.盒子模型(第二次课).css的具体应用(第三次课).css3(第四次课).今天的内容是关于css中定位.浮动以及盒子模型. 内容:CSS最核心的内容,围绕div标签展开. 1.做静态网页首先要考虑页面的布局,可用<div></div>来将网页分为不同的模块,就相当于盖房子一样. 2.<div></div>是一个块元素,与之相对应的还有行

ASP.NET动态网站制作(17)-- C#(1)

前言:用C#也有一年多了,基本上都是边用边学的,现在可以跟着老师系统的学习一下,感觉应该挺好的. 内容: 1.网站部署的相关内容:  (1)想要做一个网站,首先得去买一个域名,老师的域名是在美橙上买的.如果允许,可以把相应的.com,.cn,.net都注册掉,不然公司做大了就麻烦了.网站是放在服务器的硬盘上的,服务器的硬盘区域就叫做网站空间,所以买了域名之后就需要买网站空间.本地文件上传到网站空间上通过FTP上传.买的时候需要注意参数,最主要的看一下“支持语言”中的 .net 版本以及数据库.

ASP.NET动态网站制作(6)-- JS(1)

前言:JS的第一节课,在Visual Studio 2013中编写及运行.新建项目->Web->ASP.NET Web应用程序->Empty,打开后在项目下添加新建css文件夹和js文件夹等.一个解决方案就是一个.sln文件,一个解决方案里可以有多个项目文件. 内容: 1.JS(JavaScript)是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中运行.JavaScript使得网页的交互性更强,更生动灵活.当在浏览网页时做

ASP.NET动态网站制作(7)-- JS(2)

前言:这节课是JS的第二节课,主要是JS中的控制语句. 内容: 1.条件语句:  (1)比较操作符:==,!=,>,>=,<,<=.字符串大小写转换:toUpperCase().toLowerCase().  (2)逻辑运算符:&&(与运算).||(或运算).!(非运算).  (3)if语句:if(条件){...} else if(条件){...}else{...},注意if与else的匹配问题. if(iNum1>iNum2) { iNum3=iNum1;

ASP.NET动态网站制作(24)-- ADO.NET(3)

前言:ADO.NET的第三节课.今天主要讲SQL Helper. 内容: 1.DataReader和DataSet的区别: (1)DataReader是一行一行地读,且只能向前读:DataSet是一次性读取出来放到内存中,所以,DataReader读取速度更快,占用内存更低. (2)DataReader需要一直和数据库保持连接,DataSet读取完后即和数据库断开. (3)DataSet里面可以存储多个结果集(DataTable). (4)DataSet可以对数据进行缓存,而DataTable不

ASP.NET动态网站制作(11)-- JQ(3)

前言:这节课主要是讲CSS作业,然后继续讲jQuery. 内容: 1.css作业讲解. 2.jq设置元素样式:  (1)添加.删除css类别:$("div").addClass("myClass1 myClass2");$("div").removeClass("myClass1");  (2)类间动态切换: 1 $(function(){ 2 $("p").click(function(){ 3 $(th

ASP.NET动态网站制作(2)--css

前言:这节课主要讲关于css的相关内容. 重点:1.css(Cascading Style Sheet)叠层样式表,做网页的外观,是用来控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 2.css的几种写法: (1)行内样式:直接在html标签里写,在标签后面添加“style”.<div style="height:100px"></div>,其中,height为css的属性,100px为其属性值. (2)内嵌样式:会涉及到选择器的概念,有三种选择器

ASP.NET动态网站制作(30)-- WEBService

前言:继续讲正则表达式,然后介绍一下webservice. 内容: 1.匹配QQ号的正则表达式:^[1-9]\d{4,10}$:匹配手机号的正则表达式:^(0|86)?(13|14|15|18)[0-9]{9}$:匹配身份证号的正则表达式:^[1-9][0-9]{14}([0-9]{2}[0-9Xx]?)$. 2.js里面的正则:使用test(). 3.C#里面的正则: 1 string strQQ=txtQQ.Text.Trim(); 2 bool b = Regex.IsMatch(strQ

ASP.NET动态网站制作(19)-- C#(2)

前言:C#的第二次课,依旧讲解C#的基础知识. 内容: 1.GC:垃圾回收机制,可以回收托管模块中的垃圾. 2.值类型和引用类型:  (1)值类型:所有的数值类型都是值类型,如int,byte,short,long,char,bool,float,double,枚举.计算机最小的信息单位是byte(字节),一个字节是8位(bit),一个字母是一个字节.  (2)引用类型:对象,string,object,数组.C#有两个内置的引用类型:object类型和string类型.object是所有类型的