网站开发实验——熟练掌握多媒体素材上传服务器的后台管理操作

最新推荐文章于 2024-01-18 15:18:12 发布
最新推荐文章于 2024-01-18 15:18:12 发布
阅读量213 收藏
点赞数
文章标签： c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46008083/article/details/125359219
版权
本文介绍了如何使用C#进行网站开发，实现在后台管理系统中上传、查看、修改、删除多媒体素材的功能。通过Visual Studio 2019创建文件上传页面，利用ASP.NET控件实现文件选择、上传限制，并展示上传列表。同时，提供了查看和删除多媒体文件的后台代码实现。
摘要由CSDN通过智能技术生成
  • 实验目的

熟练掌握多媒体素材上传服务器的后台管理操作

  • 实验内容
  1. 任务1：设计完成“我的相册影音库”前台页面；
  2. 任务2：后台实现“我的相册影音库”中上传图片、视频、音频等、查看、修改、删除、评论相册影音库中每个多媒体素材等基本功能。
  • 实验环境

Microsoft Visual Studio 2019

  • 实验步骤

 

任务1：设计完成“我的相册影音库”前台页面

设计文件上传页面的布局

 

HTML如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <style type="text/css">

        .auto-style1 {

            width: 100%;

            background-color: #C0C0C0;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    

    </div>

    <table align="center" class="auto-style1" style="width: 600px; height: 400px" >

        <tr style="width: 600px; height: 100px" >

            <td style="background-color: #0000FF; width:200px;height:100px">

                <br />

            </td>

           <td style="background-color: #0000FF; width:400px;height:100px; font-size: x-large; color: #FF00FF; font-family: 幼圆;">

                文件上传</td> 

        </tr>

        <tr style="width: 600px; height: 100px">

            <td style="width:200px;height:100px; font-family: 幼圆;">

                文件类型：<br />

            </td>

            <td style="width:400px;height:100px">

                 <asp:DropDownList ID="dd1" runat="server" Height="40px" Width="225px">

                     <asp:ListItem>图片</asp:ListItem>

                     <asp:ListItem>MP3音频</asp:ListItem>

                     <asp:ListItem>MP4视频</asp:ListItem>

                 </asp:DropDownList>

                 </td>

        </tr>

         <tr style="width: 600px; height: 100px">

            <td style="width:200px;height:100px; font-family: 幼圆;">

                上传文件：<br />

            </td>

            <td style="width:400px;height:100px">

                 <asp:FileUpload ID="up1" runat="server" Height="40px" Width="334px" />

                 </td>

        </tr>

         <tr style="width: 600px; height: 100px">

            <td style="width:200px;height:100px; font-family: 幼圆;">

                上传者:</td>

            <td style="width:400px;height:100px">

                 <asp:TextBox ID="txt1" runat="server" Height="40px" Width="208px" OnTextChanged="txt1_TextChanged"></asp:TextBox>

                 </td>

        </tr>

          <tr style="width: 600px; height: 100px">

            <td style="width:200px;height:100px">

                <asp:Label ID="lb1" runat="server" Font-Bold="True" Font-Size="Medium" ForeColor="#FF3300"></asp:Label>

                <br />

            </td>

            <td style="width:400px;height:100px">

                 <asp:Button ID="btn1" runat="server" Height="58px" OnClick="btn1_Click" Text="上传" Width="165px" />

                 <asp:Button ID="btn2" runat="server" OnClick="btn2_Click" Text="查看上传列表" Visible="False" />

                 </td>

        </tr>

    </table>

        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource2">

            <Columns>

                <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" />

                <asp:BoundField DataField="riqi" HeaderText="riqi" SortExpression="riqi" />

                <asp:BoundField DataField="wenjianming" HeaderText="wenjianming" SortExpression="wenjianming" />

                <asp:BoundField DataField="leixing" HeaderText="leixing" SortExpression="leixing" />

                <asp:HyperLinkField DataNavigateUrlFields="name,wenjianming" DataNavigateUrlFormatString="chakan.aspx?name={0}&wenjianming={1}" HeaderText="chakan" Text="查看" />

                <asp:HyperLinkField DataNavigateUrlFields="name,wenjianming" DataNavigateUrlFormatString="del.aspx?name={0}&wenjianming={1}" HeaderText="shanchu" Text="删除" />

            </Columns>

        </asp:GridView>

        <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:sy4ConnectionString %>" SelectCommand="SELECT * FROM [wenjian]"></asp:SqlDataSource>

    </form>

    </body>

</html>

  1. 上传按钮代码

 protected void btn1_Click(object sender, EventArgs e)

    {

        //测试文件类型是否符合的变量

        Boolean fileOK = false;

        //设置服务器中保存文件的路径

        String path = Server.MapPath("./up/");

        //判断是否选择了文件

        if (up1.HasFile)

        {

            //返回文件的扩展名

            String fileExtension =

                System.IO.Path.GetExtension(up1.FileName).ToLower();

            //设置限定的文件类型

            String[] allowedExtensions =

            { ".mp3",  ".gif", ".jpg", ".mp4"};

            //判断用户选择的文件类型是否受限

            for (int i = 0; i < allowedExtensions.Length; i++)

            {

                if (fileExtension == allowedExtensions[i])

                {

                    fileOK = true;

                }

            }

        }

        //如果文件大于100M，则不允许上传

        if (up1.PostedFile.ContentLength > 102400000)

        {

            fileOK = false;

        }

        //如果文件类型符合

        if (fileOK)

        {

            try

            {

                // 将文件保存到指定的文件夹下

                up1.PostedFile.SaveAs(path + up1.FileName);

                lb1.Text = "文件上传成功！" + up1.FileName.ToString();

            }

            catch

            {

                lb1.Text = "无法实现文件的上传。";

            }

        }

        else

        {

            lb1.Text = "文件类型不对或文件超出100M。";

        }

        string name1, leixing, zuozhe;

        name1 = up1.FileName.ToString();

        leixing = dd1.SelectedItem.ToString();

        zuozhe = txt1.Text.ToString();

        if (Page.IsValid == true)

        {

            SqlConnection con = db.createconnection();

            con.Open();

            String cmdText = "insert into wenjian(wenjianming,leixing,name,riqi) values ( '" + name1 + "', '" + leixing + "','" + zuozhe + "',getdate())";

            SqlCommand myCommand = new SqlCommand(cmdText, con);

            myCommand.ExecuteNonQuery();

            con.Close();

            lb1.Visible = true;

            lb1.Text = " 文件上传成功！";

            btn2.Visible = true;

        }

        else

        {

            lb1.Visible = true;

            lb1.Text = " 文件上传失败！";

        }

}

  1. 查看上传列表按钮代码：

protected void btn2_Click(object sender, EventArgs e)

    {

        GridView1.Visible = true;

    }

  1. 任务2：后台实现“我的相册影音库”中上传图片、视频、音频等、查看、修改、删除、评论相册影音库中每个多媒体素材等基本功能。
  1. 查看页面HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="chakan.aspx.cs" Inherits="chakan" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        </div>

        <p>

            <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>

        </p>

        <p>

             </p>

        <asp:TextBox ID="TextBox1" runat="server" Height="94px" Width="446px"></asp:TextBox>

        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="评论" />

    </form>

</body>

</html>

  1. 查看按钮代码：

  protected void Page_Load(object sender, EventArgs e)

    {

        string name1 = Request.QueryString["name"].ToString();

        string name2 = Request.QueryString["wenjianming"].ToString();

        Label1.Text = name1;

        Label2.Text = "<embed src = '/up/" + name2 + "' width = '400' height = '300' id = 'music' autostart = 'true'></embed>";

    }

  1. 删除页面HTML：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="del.aspx.cs" Inherits="del" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

        <div>

        </div>

        <asp:Label ID="lb1" runat="server"></asp:Label>

        <asp:Label ID="lb2" runat="server"></asp:Label>

    </form>

</body>

</html>

  1. 删除按钮代码：

protected void Page_Load(object sender, EventArgs e)

    {

        string name1 = Request.QueryString["name"].ToString();

        string name2 = Request.QueryString["wenjianming"].ToString();

        SqlConnection con = db.createconnection();

        String cmdText = "delete from wenjian where wenjianming='" + name1.ToString() + "'";

        SqlCommand myCommand = new SqlCommand(cmdText, con);

         con.Open();

         myCommand.ExecuteNonQuery();

         con.Close();

         Response.Redirect("Default.aspx");

    }

Brianna_dq
关注
云笔记系统
weixin_love_java_code_的博客
06-20 163
云笔记系统
给自己的网站上传SSL证书——letsencrypt证书与TrustAsia DV SSL CA证书
Snoopied的博客
08-07 3279
letsencrypt证书 一开始我的网站是安装了WDCP面板的WordPress的个人博客，直接登录进入服务器后台的WDCP面板，找到我之前用这个面板创建的站点列表，最开始的SSL处显示为“否”，为未启用SSL的状态。 点击“SSL”一栏即可修改SSL的状态，可以选择不启用、启用、强制启用。 刚开始，因为此前均没有启用过SSL证书，因此点击“创建lets证书并启用”，然后WDCP面...
后台管理系统和服务器管理系统
02-06
包括校历管理系统，地图管理系统，管理员设置，服务器管理等等。
视频上传管理后台系统Struts2
07-08
后台视频上传管理，部分可以用于参考但是功能不全可以
在轻量级服务器（windows环境）上部署项目（后台管理页面）
weixin_43164309的博客
10-25 2692
在轻量级服务器（windows环境）上部署项目（后台管理页面） 前言：最近对服务器产生了兴趣，于是在学长的建议下，去阿里云买了一个学生服务器。待会会说我购买的过程。本人也是一个菜鸟程序员，刚接触不久，也习惯了使用windows系统，所以我上来不打算使用Linux系统来部署项目，因此我的云服务器也就没有选择Linux。我在这之前也在网上查阅了，大部分的人都建议去用Linux系统，因为我个人的一些原因...
后台管理系统--云服务器配置
tangyiming1224的博客
02-27 414
后台管理系统--云服务器配置
Android源码——在线音乐播放器完整项目.zip
10-08
这个项目对理解Android应用开发，尤其是音乐播放器类应用的开发，提供了很好的学习素材。下面将详细介绍这个项目可能包含的关键知识点。 首先，Android应用程序主要由几个部分构成：Manifest文件（AndroidManifest....
Web实验课程报告
xiehuiru的博客
12-26 6498
一、实验内容 本学期web实验课我做了两方面的内容，一方面是有机农场管理系统的继续完善，另一方面是系统模块功能的展，实现利用Cookie的登录注册功能。 仔细研究了去年的web项目，在有机农场管理系统的基础上更改了原系统的CSS和HTML等，使界面更加美观。又在原系统基础上扩展了登录功能，实现了登录注册功能。并且利用了cookie识别用户的身份。 二、实验目的 掌握...
巧用 Serverless，轻松搭建微信公众号的智能后台服务
腾讯云 Serverless
05-22 1336
一般来说，想给微信公众号增加更多的功能，需要有一台服务器，来进行公众号后台服务的搭建。那么在 Serverless 架构下，是否有更简便的方法来实现这么一个公众号后台呢？我们试试？ 初步搭建 Serverless 原生开发 首先我们当然要有一个微信公众号！ 接下来，我们要为我们的函数计算服务申请固定 IP： 点击白名单之后，我们可以填写表单，完成固定公网出口 IP 的申请。 接下来进行代码开发。 将函数绑定到公众号后台，参考文档：https://developers.weixin.qq.com/d
springboot基于web的多媒体素材管理系统
最新发布
q_1262330535的博客
01-18 497
此篇论文中包括管理员、教师和用户三个不同的角色，根据不同的身份以及工作机制，赋予不同的权限。该多媒体素材管理系统的功能如下列所示：1.用户之间的使用权限设定：根据业务管理的需求以及多媒体素材管理体系，在使用前将每个角色的固定标签设定好，明晰每个角色权限，并将状态控制功能添加到用户状态上，最终达到本系统角色控制基础形成的目标。2.用户登录功能：用户可以根据自己的角色选择相应的账号进行登录，在输入合法的账号和密码后就可进入系统，根据自己的权限选择想要进行的操作。
后台服务器用户管理模块的解析
GoodSir的博客
09-30 1828
后台服务器实现用户管理的实现步骤目录 1: 用户管理包括: 用户列表的展现,用户信息的新增,修改,删除, 2: 用户列表的展现的步骤(使用分页查询的方式实现) 2: 实现用户列表展现的步骤(即: 进行分页查询的操作) 后端服务器:第一步: 在Vo层封装一个PageResult类写法的类(该类要加data/Accessors注解) 用来存储分页查询的结果,以及接收前端传递的分...
服务器后台的常用操作
Seven597的博客
01-28 723
杀死端口和后台运行杀死端口后台跑python程序 杀死端口 查找被占用的端口 netstat -tln | grep 8001 . 输出： tcp 2 0 0.0.0.0:8001 0.0.0.0:* LISTEN tcp6 0 0 :::8001 ::???? LISTEN 查看被占用端口的PID sudo lsof -i:80
5大模块带你了解视频后台设计（含推荐策略）
pmcaff2008的博客
09-23 2792
本文由作者 大橘子-huiqing发布于社区给自己立个Flag，希望自己一个Q之内能够把视频平台的一些典型后台系统写完，通过这一系列的后台系统，基本就可以清楚一条视频能够呈现在我们眼前都...
[Django] 后台管理系统
Hudas的博客
04-12 3770
本文主要讲解Django后台管理系统的相关知识点
网页实现大视频上传
weixin_52041354的博客
01-13 555
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中， 在bjui-all.js文件中的全局变量定义中有以下
页面功能实现后端视频上传功能--qaq
gjm00000的博客
12-20 1749
controller层 service ： lastIndexOf 删除之后的值 需要 title ：上传之后显示名称 fileName：上传文件原始名称 inputStream：上传文件输入流 ConstantVodUtils.ACCESS_KEY_ID,ConstantVodUtils.ACCESS_KEY_SECRET ...
2022年素材网完整源码+带后台管理
gegtrjhu的博客
04-27 2665
正文: 2022年素材网完整源码+带后台管理，这程序的前端UI非常不错，除了素材以外，你也可以用来做其他类型的站点都行。 安装教程: 添加站点，上传文件，权限设置成777 添加数据库，并导入数据 修改\Web_data\common.inc.php文件下的数据库配置信息 注意：登录后台之后，系统-gt;系统基本参数，下面的站点根网址设置成你的域名，要带上http。 设置之后点击左边的生成栏目，然后点击下面的一键更新网站、更新主页HTML、更新栏目HTML、更新文档HTML把那些东西都生成一下..
结合 服务器+后端+前端，完成 vue项目 后台管理系统
热门推荐
技术前端，忠于热爱 @0.活在风浪里
01-23 1万+
亲测可用 gitee 网址 包括php包，后端node.js代码，前端源码 以及文档接口说明 + 结合 服务器+后端+前端，完成 vue项目 后台管理系统
服务器后台开发中的一点经验
walkman1667的博客
07-21 1345
现在服务器后台开发，最常见的估计就是SSM和SSH两种架构。同时在架构中使用缓存和隔离技术，提高系统的性能。 首先，前端的目前比较普遍的一个原则是：静态页面替代动态页面。原因有两点：一是由于JavaScript脚本推出的V8引擎，极大地提升了解释执行能力。二是静态页面适合缓存和切分，适合目前的服务器缓存和CDN技术；同时也和后台服务器直接解耦，保证前端和后台开发的独立性。 第二
企业网站后台管理系统开发与设计指南
1. 掌握网站后台管理系统的规划与设计：这涉及确定系统的功能需求，如用户管理、新闻发布、内容更新等，以及整体架构的搭建。 2. 用户管理子系统与新闻发布子系统的设计：用户管理子系统通常包括用户注册、登录验证...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值