ASP.NET网站设计学习篇一

最新推荐文章于 2025-03-12 18:39:42 发布
原创 最新推荐文章于 2025-03-12 18:39:42 发布 · 1.5k 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了使用ASP.NET进行网页开发的实际案例，包括HTML、CSS和JavaScript的应用，通过具体示例展示了如何实现页面交互功能和新闻录入功能。

最近学习了HTML、CSS、JavaScript，进而结合已经拥有的C#基础，学习ASP.NET，学起来很快，加油！

下面是网站的部分效果图：



主要代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="hym.aspx.cs" Inherits="MySecondWeb.hym" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>足球小将</title>
    <link rel="stylesheet" type="text/css" href="/Styles/hym1.css" />
    <link rel="stylesheet" type="text/javascript" href="/Scripts/hym1.js" /> 
    <%--<link rel="stylesheet" type="text/javascript" href="/jquery-1.4.1.min.js" /> //此方法无效--%>
    <script type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script> 
     
    <script type="text/javascript">
        $(document).ready(function () {
            $(".ex .hide").click(function () {
                $(this).parents(".ex").hide("slow");
            });
        });
    </script>

    <script type="text/javascript">
        function myFunction() {
            alert("Hello World!");
        }
    </script>

    

</head>
<body class="hym">
            <form id="form1" runat="server">
            <h2>欢迎进入我的地盘!</h2>
            <button onclick="myFunction()">点击这里</button>
            <h3>中国办事处</h3>
                <div class="ex">
                <button class="hide" type="button">隐藏</button>
                <p>联系人：张先生<br /> 
                北三环中路 100 号<br />
                北京</p>
                </div>

            <h3>美国办事处</h3>
                <div class="ex">
                <button class="hide" type="button">隐藏</button>
                <p>联系人：David<br /> 
                第五大街 200 号<br />
                纽约</p>
                </div>  

            <br/> 

<br/>

<p><a href="http://v.youku.com/v_show/id_XMTUzNDgzOTAzNg==.html?from=y1.6-100.3.1.9a8e9ba0605611e2a19e">秦时明月之君临天下</a> 请点击这里</p>
<br/>
            <table border="5" class="style1">
                <tr>
                    <td align="center" colspan="2">
                        电子相册</td>
                </tr>
                <tr>
                    <td class="style6">
                        图片标题：</td>
                    <td class="style7">
                        <asp:TextBox ID="TextBox1" runat="server" Height="27px" Width="427px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="style8">
                        选择图片：</td>
                    <td class="style9">
                        <asp:FileUpload ID="FileUpload1" runat="server" Height="21px" Width="221px" />
                    </td>
                </tr>
                <tr>
                    <td class="style2">
                        图片描述：</td>
                    <td class="style4">
                        <asp:TextBox ID="TextBox2" runat="server" Height="181px" 
                            style="margin-top: 0px" TextMode="MultiLine" Width="427px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="style5">
                    </td>
                    <td class="style3">
                        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="确定上传" />
                    </td>
                </tr>
            </table>
<br/>


            </form>


</body>
</html>



using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;

namespace MySecondWeb
{
    public partial class hym : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
             //获取文件名
            string myfilename = FileUpload1.FileName;
            Response.Write(myfilename);

            //获取文件完整路径
            string myfullfilenames = FileUpload1.PostedFile.FileName;
            Response.Write(myfullfilenames);
        }
    }
}


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="hwg.aspx.cs" Inherits="MySecondWeb.hwg" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>名侦探柯南</title>
    <link rel="stylesheet" type="text/css" href="/Styles/hwg1.css" />
    <link rel="stylesheet" type="text/javascript" href="/Scripts/hym1.js" /> 
    <script type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script> 
    
     
</head>
<body class="hwg">
    <form id="form1" runat="server">
    <div>
            <h1 align="center"><i>我是歌手今晚7进5战火重燃!</i></h1>                  
            <br/>  
            <br/>  
            <font size="4"><center><u>www.huanantv.com|2016-04-09|来源：深圳晚报</u></center></font>  
            <br/>  
        
            <p>本报讯（记者王纯）今晚20:30，“2016我是歌手”长沙唱区战火重燃，7名选手将争夺5个入围名额，湖南卫视现场直播。</p>  
            <p>导演廖珂介绍，收集了热心观众的意见后，本场比赛将对赛制做出细微调整，选手去留的决定权将重新由短信，专业评委，大众评审和选手“四方面制衡”，让比赛更具有悬念和看点。</p>  
            <p>7强晋级赛备选曲目</p>  
            <p>01号张美娜：《country road take me home》、《干杯朋友》</p>  
            <p>03号张亚飞：《onlyone》、《close to you》</p>  

            <br/>  

<br/>
<p><a href="http://localhost:60420/hym.aspx">足球小将</a> 请点击这里</p>

            <table border="5" class="style1">
                <tr>
                    <td class="style2">
                        <asp:Label ID="Label1" runat="server" Text="添加新闻类型："></asp:Label>
                        <asp:TextBox ID="NewTextBox" runat="server" Width="157px"></asp:TextBox>
                        <asp:Button ID="NewBtn" runat="server" onclick="NewBtn_Click" Text="确定添加该类型" />
                    </td>
                </tr>
                <tr>
                    <td class="style2">
                         </td>
                </tr>
                <tr>
                    <td class="style2">
                         </td>
                </tr>
                <tr>
                    <td class="style2">
                         </td>
                </tr>
            </table>
            <br/>
            <br/>
            <table border="5" class="style3">
                <tr>
                    <td colspan="2">
                        新闻录入</td>
                </tr>
                <tr>
                    <td class="style12">
                        <asp:Label ID="Label2" runat="server" Text="请选择新闻类型："></asp:Label>
                    </td>
                    <td class="style13">
                        <asp:DropDownList ID="DropDownList1" runat="server" Height="20px" Width="219px">
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td class="style12">
                        <asp:Label ID="Label3" runat="server" Text="请输入新闻标题："></asp:Label>
                    </td>
                    <td class="style13">
                        <asp:TextBox ID="NewsTextBox1" runat="server" Width="477px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="style4">
                        <asp:Label ID="Label4" runat="server" Text="请输入新闻内容："></asp:Label>
                    </td>
                    <td class="style9">
                        <asp:TextBox ID="TextBox1" runat="server" Height="244px" Width="481px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="style6">
                    </td>
                    <td class="style7">
                        <asp:Button ID="NewsBtn1" runat="server" onclick="NewsBtn1_Click" Text="确定添加" />
                    </td>
                </tr>
            </table>
<br/>  
    </div>
    </form>
</body>
</html>



using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace MySecondWeb
{
    public partial class hwg : System.Web.UI.Page
    {   

        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void NewBtn_Click(object sender, EventArgs e)
        {
            if (NewTextBox.Text == "社会新闻")
            {
                Response.Write("新闻类型添加成功");
            }
            else {
                Response.Write("添加失败");
            }


        }


        protected void NewsBtn1_Click(object sender, EventArgs e)
        {
            if (TextBox1.Text == "123456")
            {
                Response.Write("新闻内容添加成功");
            }
            else
            {
                Response.Write("添加失败");
            }

        }
    }
}





ASP.NET 界面外观设计与布局
weixin_46067990的博客
04-09 6588
4.1.1 什么是主题和外观 主题是指网页和控件外观属性设置的合集，通过使用主题能够定义页面和控件的样式，然后再Web 应用程序中应用页面和页面上的控件，可以简化样式控制。 主题包括一系列元素，这些元素主要有外观文件、样式表文件。 主题文件的扩展名为.skin，创建后，主题文件通常保存在Web应用程序的特殊目录App_Themes下。 一个Web应用程序可以拥有多个主题，每个文件夹就是一个主题，每个主题下都可以拥有自己的样式表和外观文件。 1、 外观文件 外观文件用于定义页面中服务器控件的外观，是主体的核心
C#学习之web网站制作入门篇（ASP.NET）
热门推荐
明镜止水的博客
04-09 6万+
之前熟悉C#与.net, 以为.net就是C#，现在知道了.NET是C#的开发平台，C#即可用来开发客户端（WindowsFrom），也可以用来开发网站即ASP.NET;
ASP.NET Web程序设计笔记
yinghanhanhan的博客
05-09 932
超文本传输协议最简单的ASP.NET模型内置了用于数据库、视频、社交媒体等的模板和帮助器传统的ASP.NET事件驱动开发模型添加了服务器控件、服务器事件以及服务器代码的网页3.1.3.MVCMVC编程模型是与传统的ASP.NET（Web Forms）相比更轻量级的替代方案轻量级的可测试性的框架，同时整合了所有已有的ASP.NET特性，比如模板页。安全性和认证CustomValidator控件用于执行自定义验证CustomValidator控件常用属性和事件属性说明。
如何用asp.net制作网站
借雨醉东风的博客
04-04 5593
在写好web.config配置及初始化代码后，就是大家建设各子页面及其逻辑代码的过程。涉及具体代码逻辑，这里不展开讲。后续博主将会以一个段子网的建站实例，深入写下如何一步步建设网站。当然，还会涉及租云服务器，域名申请，数据库申请等操作。有兴趣的同学辛苦关注博主以获得后续的分享。
ASP.NET网站设计
m0_71036764的博客
10-10 1754
主题是有关页面和控件的外观属性设置的集合，由外观文件、级联样式表（CSS）、图像和其他资源组成。项目->App_Themes->主题->.skin文件1.外观文件具有文件扩展名.skin的文件。可以定义控件的外观属性。2.级联样式表简称样式表，即常用CSS文件，是具有文件扩展名.css的文件，也是用来存放定义控件外观属性的代码文件。3.图像和其他资源图像就是图形文件，其他资源可以是声音文件、脚本文件等。4.主题的应用范围。
动态网站建设 ——利用ASP来制作动态网站
qq_61141142的博客
09-25 6562
目录 1用ASP构建动态网页 1.1动态网站的优点 1.2 ASP概述 1.3 ASP工作环境 1.4 ASP工作原理 1.5 ASP技术特点 1.6 ASP内置函数 1.7 ASP中Application和Session对象 二、用ASP进行动态网页设计 2.1利用ASP进行动态数据查询. 2.2 ASP访问数据库概述及工作原理. 2.2.1ASP访问数据库概述 2.2.2ASP访问数据库的工作原理 2.3 ASP连接数据库的方法. 2.4 A
基于asp.net企业门户网站设计
(完整资料)
04-16 9787
获取项目源文件，学习交流联系Q:1415736481,可指导毕设，课设 随着计算机科学的发展，数据库技术在INTERNET中的应用越来越广泛，为广大网络用户提供了更加周到和人性化的服务。本文讲解了一个公司的网站的建设，它基于数据关联的公司个性化页面及动态数据生成案例，在网页方面，综合考虑了页面色彩、页面的构架，充分的利用了图片、文字、图层、表格等元素。网站内容明确，层次清楚，达到了预期的功能。 ...
基于asp.net在线音乐播放网站设计
(完整资料)
04-15 1万+
获取项目源文件，学习交流联系Q:1415736481,可指导毕设，课设 摘 要 随着社会的发展时代的前进，IT行业的发展也是日新月异，对人类的生产和生活方式产生了很大影响。网络传播以其特有的快速、高效、便捷的传输方式被人们所接受，越来越多的走进了千家万户。并且在当今音乐浪潮的影响下，随着音乐事业逐渐走向高峰，音乐已无处不在，音乐已与我们密不可分。 本文阐述了音乐分享网站的设计与实现，本系统...
ASP.NET完整购物网站设计与开发
weixin_34162851的博客
08-26 1374
本文还有配套的精品资源，点击获取 简介：ASP.NET是微软开发的Web应用程序框架，用于构建动态网站和Web服务。本购物网站项目涵盖ASP.NET开发的基本流程，包括前端UI设计、后端业务逻辑实现、数据库操作以及安全性考虑。通过这个项目，开发者可以深入理解ASP.NET在构建实际Web应用中的应用，同时也能锻炼到数据库设计、用户体验优化、系统安全等多个方面的技能。 ...
使用asp.net从零开始制作设计一个网站之一
jianghuiquan的专栏
04-13 1万+
ASP.NET动态网站课程设计——个人网页
aisebu7819的博客
06-30 7196
　　时光荏苒，岁月如梭，又是学期期末时，没错，我又来补课程设计了，hhh。 　　本文主要讲述如何在用H5+CSS3写的静态网站的基础上，结合ASP.NET动态网站开发，制作一个动态的个人网页。 　　首先需要熟悉一下Virtual Stdio这个编译环境。打开VS，建立一个站点，创建一个空白网站，记得选用C#语言。然后可以看到熟悉的H5的基本框架，略有不同的是有些标签中有一些新的属性，...
计算机毕业设计 asp.net旅游网站 毕设
xy520chxu的博客
03-04 1145
演示视频：https://www.bilibili.com/video/BV1hy421B7wL/第4章 系统设计3.1 系统功能设计系统设计是一个把软件需求转换成用软件系统表示的过程[9]。通过对目标系统的分析和研究，做出了对在线旅游网的总体规划，这是全面开发系统的重要基础。在对在线旅游网全面分析调查的基础上，制定出在线旅游网的总体规划。系统设计包括系统总体设计、系统详细设计、系统数据库设计、系统开发工具、开发技术和开发模式等。从数据流图出发，对数据流图进行分析，得出的层次化的模块结构图.在线旅游网功能模
基于asp.net的在线音乐网站的设计与实现(完整)
(完整资料)
04-11 8133
毕业设计（论文）题目 基于SSM的在线音乐网站的设计与实现 指导教师姓名 曹晶垚 职 称 学生应具备的条件 c#,asp.net具有系统的软件开发理论知识和一定的实践经验，使用HTML,CSS,JavaScript和jQuery框架...
ASP.NET技术在网站设计中的研究与开发
大叔_爱编程 的博客
04-22 1478
正文阐述的是ASP. NET作为一种全新的动态网站开发技术，它是通过大量使用组件技术，将Web浏览器与Web服务器之间的网络通信完全的包装起来，在ASP. NET中，动态网站开发技术已经变为利用组件搭建“基于Web的应用程序”。论文还阐述了网站开发技术的现状，通过对各个技术的系统比较从而对ASP.NET技术做了较深入的研究，并结合研究情况开发设计了一个网上书店系统。该系统的基本功能已实现，普通用户进入系统后，可以查看商品信息，并购买商品；管理员可以添加新的商品信息并可以确认核实客户提交的订单。
基于asp.net的购物网站设计与实现
最新发布
qq_61141142的博客
03-12 989
在前端的设计中还涉及到了Dreamweaver的运用，其最佳的制作效率可以节约我们大部分的时间。出色的网站的管理能力和无可比拟的控制能力都使静态页面看起来那么的简单，客观性十足。但是其也存在一定的缺点：第一点： 难以精确达到与浏览器完全一致的显示效果。第二点： 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。通过与ASP的互补，运用这两个软件，前端的设计虽有问题但是都很快的解决了。
基于ASP.NET的科技公司网站
毕业设计大牛哥
01-15 1172
本报告详细阐述了基于ASPNET的科技公司网站的设计和实现过程。通过需求分析明确了网站的功能和目标用户群体；数据库设计保证了数据存储的安全和高效；系统实现过程中采用了先进的ASPNET技术框架和三层架构模式；最后通过系统测试与优化确保了系统的稳定性和性能。整个解决方案旨在打造一个功能丰富、界面友好、响应迅速的科技公司网站，以提升企业品牌形象和服务质量。
基于asp.net 消防安全宣传网站设计与实现
wqq_992250277的博客
11-29 1326
满足了人们对信息的个性化的需要。在互联网进行消防安全网站设计的过程主要还是用互联网来实现网站系统的信息化，通过本人对四年所学知识的整体归纳，开发设计了平台信息管理系统，但是当亲身投入到实际生产中还是有很多问题，首先就是网站的技术问题，自己在学校期间并没有独立开发软件经历，缺乏一定的动手能力，在问题出现的时候，自己的信心也受到了一定的打击，但是在面临困难的时候要积极地调整自己的状态，用自身所学来克服相应的困难。两者唯一的区别就体现在了默认的访问级别上，默认的级别通常是公共的，而默认的优先级通常是私有化的。
ASP.NET动态网站开发学习实录（一）
qq_48843954的博客
09-10 1323
动态网站开发概述
基于ASP.NET校园二手交易网站设计与实现
yutiedun的博客
03-05 1748
ASP+是ASP.NET的另一个称呼，它并非只是ASP的简单升级版本，而是微软公司推出的新一代脚本语言。作为基于.NET Framework的Web开发平台，ASP.NET是微软公司的一项技术，属于服务器端脚本技术，能让嵌入网页的脚本由因特网服务器执行。在通过HTTP请求文...校园二手交易网站的设计与实现离不开数据库技术。在数据库选择上，SQL Server由微软进行开发与推广，和ASP.NET有着天然的集成优势，在兼容性和性能优化方面表现出色。
ASP.NET新闻发布网站
qq_44738660的博客
06-25 3200
新闻发布网站的实现 1 项目概述及预备知识 1.1 项目概述 （功能概述） 要实现新闻发布网站，就必须使这个网站带有相应的功能。对于浏览者来说，需要能够随意浏览并搜索想要看的新闻，还可以随时注册成为注册用户。对于注册用户来说，需要能够实现除了浏览者所有功能外，并且还包括登录、评论以及对于评论的修改和删除。对于系统管理者来说，需要能够有权限实现对于所有新闻的审核、分类、发布、修改和删除以及对所有用户的不法、过激的评论进行删除操作。 除此之外，还有对相关网页的美化与修饰。确保实现功能的同时，也要保证整体页面的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值