webabcd

稳扎稳打Silverlight(2) - 1.0实例之支持录音和回放的钢琴(Silverlight+ASP.NET AJAX+DLINQ)

[源码下载]

稳扎稳打Silverlight(2) - 1.0实例之支持录音和回放的钢琴(Silverlight+ASP.NET AJAX+DLINQ)

作者：webabcd

介绍
用Silverlight 1.0实现一个可以用鼠标或键盘弹奏，并且支持录音和回放的钢琴。(Silverlight+ASP.NET AJAX+DLINQ)
参考：http://silverlight.net/community/communitygallery.aspx

示例
Piano.xaml（用Expression Blend开发）

Piano.xaml.js

if (!window.Piano)
        window.Piano = {};

Piano.Page = function()
{
}

Piano.Page.prototype =
{
        handleLoad: function(control, userContext, rootElement)
        {
                 this.control = control;

                 // Sample event hookup:
                rootElement.addEventListener( "MouseLeftButtonDown", Silverlight.createDelegate( this, this.handleMouseDown));
        },

         // Sample event handler
        handleMouseDown: function(sender, eventArgs)
        {
                 // The following line of code shows how to find an element by name and call a method on it.
                 // this.control.content.findName("Timeline1").Begin();
        }
}

Default.aspx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs"
        Inherits="_10_Piano_Default" Title="支持录音和回放的钢琴" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

        <script type="text/javascript" src="../Silverlight.js"></script>

        <script type="text/javascript" src="Default.aspx.js"></script>

        <script type="text/javascript" src="Piano.xaml.js"></script>

        <script type="text/javascript" src="Piano.js"></script>

        <style type="text/css">
                .silverlightHost
                {
                        height: 500px;
                        width: 1024px;
                }
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div id="SilverlightControlHost" class="silverlightHost">

                <script type="text/javascript">
                        var txtInput = '<%= txtInput.ClientID %>';
                        var txtName = '<%= txtName.ClientID %>';
                        createSilverlight();
                </script>

                <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                        <ProgressTemplate>
                                <div style="position: absolute; top: 0px; background-color: Red; color: White; z-index: 999">
                                        Loading</div>
                        </ProgressTemplate>
                </asp:UpdateProgress>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                                <asp:GridView ID="GridView1" runat="server" Style="position: absolute; top: 0px;
                                        width: 1024px" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"
                                        DataKeyNames="ID" DataSourceID="LinqDataSource1" RowStyle-HorizontalAlign="Center"
                                        PageSize="2" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
                                        <Columns>
                                                <asp:CommandField ShowSelectButton="True" HeaderText="选择" ItemStyle-Width="40px"></asp:CommandField>
                                                <asp:CommandField ShowDeleteButton="True" HeaderText="删除" ItemStyle-Width="40px"></asp:CommandField>
                                                <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True"
                                                        SortExpression="ID" ItemStyle-Width="40px"></asp:BoundField>
                                                <asp:BoundField DataField="Name" HeaderText="名称" SortExpression="Name"></asp:BoundField>
                                                <asp:TemplateField HeaderText="乐谱" SortExpression="Details" ItemStyle-Width="700px">
                                                        <ItemTemplate>
                                                                <div style="overflow: hidden; width: 666px">
                                                                        <asp:Label ID="lblDetails" runat="server" Text='<%# Bind("Details") %>'></asp:Label>
                                                                </div>
                                                        </ItemTemplate>
                                                </asp:TemplateField>
                                        </Columns>
                                </asp:GridView>
                                <asp:TextBox ID="txtInput" runat="server" Style="position: absolute; left: 200px;
                                        top: 434px; width: 300px" />
                                <asp:TextBox ID="txtName" runat="server" Style="position: absolute; left: 566px;
                                        top: 434px;" />
                        </ContentTemplate>
                        <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnAdd" />
                        </Triggers>
                </asp:UpdatePanel>
                <asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="Data.MusicBookDataContext"
                        EnableDelete="True" TableName="MusicBook">
                </asp:LinqDataSource>
                <asp:Button ID="btnAdd" runat="server" Text="添加" Style="position: absolute; left: 710px;
                        top: 434px;" OnClick="btnAdd_Click" />
        </div>
</asp:Content>

Default.aspx.cs

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Xml.Linq;

public partial class _10_Piano_Default : System.Web.UI.Page

{

protected void Page_Load( object sender, EventArgs e)

{

}

protected void btnAdd_Click( object sender, EventArgs e)

{

Data.MusicBookDataContext mbdc = new Data.MusicBookDataContext();

Data.MusicBook mb = new Data.MusicBook();

mb.Name = txtName.Text;

mb.Details = txtInput.Text;

mbdc.MusicBook.Add(mb);

mbdc.SubmitChanges();

txtName.Text = "";

txtInput.Text = "";

GridView1.DataBind();

}

protected void GridView1_SelectedIndexChanged( object sender, EventArgs e)

{

txtName.Text = GridView1.Rows[GridView1.SelectedIndex].Cells[3].Text;

txtInput.Text = ((Label)GridView1.Rows[GridView1.SelectedIndex].Cells[4].FindControl( "lblDetails")).Text;

}

Default.aspx.js

Piano.js

if (!window.Webabcd)
        window.Webabcd = {};

Webabcd.Piano = function()
{
}

Webabcd.Piano.prototype =
{
        handleLoad: function(control, userContext, rootElement)
        {
                 // plugin（插件）
                 this.control = control;

                 // 根Canvas元素
                 this.rootElement = rootElement;

                 // object.addEventListener(eventName, functionReference)为对象添加一个事件监听器（事件名称，函数名称）
                 // Silverlight.createDelegate用来创建一个调用“this”上下文下的特定函数的委托，其被定义在runtime
                 // Silverlight.createDelegate = function(instance, method)
                 // {
                 //     return function()
                 //     {
                 //            return method.apply(instance, arguments);
                 //        }
                 // }
                 this.rootElement.addEventListener( "GotFocus", Silverlight.createDelegate( this, this.resetPiano));
                 this.rootElement.addEventListener( "KeyDown", Silverlight.createDelegate( this, this.handleKeyDown));
                 this.rootElement.addEventListener( "KeyUp", Silverlight.createDelegate( this, this.handleKeyUp));

                 // 鼠标热区的Canvas
                 // object.findName(name)
                 this.pathCanvas = rootElement.findName( "pathCanvas");

                 // 开始录制按钮
                 this.startRecord = rootElement.findName( "startRecord");
                 this.startRecord.addEventListener( "MouseLeftButtonDown", Silverlight.createDelegate( this, this.handleStartRecord));

                 // 停止录制按钮
                 this.stopRecord = rootElement.findName( "stopRecord");
                 this.stopRecord.addEventListener( "MouseLeftButtonDown", Silverlight.createDelegate( this, this.handleStopRecord));

                 // 默认为选中停止录制按钮
                 // plugin.content.findName(objectName)
                document.getElementById('SilverlightControl').content.findName( "stopRecord").Stroke = "LightBlue";
                document.getElementById('SilverlightControl').content.findName( "stopRecord").StrokeThickness = 6;

                 // 播放按钮
                 this.play = rootElement.findName( "play");
                 this.play.addEventListener( "MouseLeftButtonDown", Silverlight.createDelegate( this, this.handlePlay));

                 // object.children对应<Canvas>一个或多个子元素</Canvas>
                 // object.getItem(index)获取集合内指定的对象
                 // object.count集合内的成员数量
                 for( var i = 0; i< this.pathCanvas.children.count; ++i)
                {
                         // 为所有鼠标热区添加相关的事件监听器
                         this.pathCanvas.children.getItem(i).addEventListener( "MouseLeftButtonDown", Silverlight.createDelegate( this, this.handleMouseDown));
                         this.pathCanvas.children.getItem(i).addEventListener( "MouseLeftButtonUp", Silverlight.createDelegate( this, this.handleMouseUp));
                }

                 // 是否启用录制
                 this._enableRecord = false;
                 // 上一次按键的时间
                 this._prevTime = new Date().getTime();
        },

         // 单击开始录制按钮
        handleStartRecord: function(sender, eventArgs)
        {
                 // 设置开始录制按钮样式
                sender.Stroke = 'LightBlue';
                sender.StrokeThickness = 6;

                 // 设置停止录制按钮样式
                document.getElementById('SilverlightControl').content.findName( "stopRecord").Stroke = "Black";
                document.getElementById('SilverlightControl').content.findName( "stopRecord").StrokeThickness = 3;

                 // 启用录音
                 this._enableRecord = true;
                 // 记录时间
                 this._prevTime = new Date().getTime();
        },

         // 单击停止录制按钮
        handleStopRecord: function(sender, eventArgs)
        {
                 // 设置停止录制按钮样式
                sender.Stroke = 'LightBlue';
                sender.StrokeThickness = 6;

                 // 设置开始录制按钮样式
                document.getElementById('SilverlightControl').content.findName( "startRecord").Stroke = "Black";
                document.getElementById('SilverlightControl').content.findName( "startRecord").StrokeThickness = 3;

                 // 清空乐谱名称和乐谱内容
                document.getElementById(txtInput).value = '';
                document.getElementById(txtName).value = '';

                 // 停止录音
                 this._enableRecord = false;
        },

         // 单击播放按钮
        handlePlay: function(sender, eventArgs)
        {
                 // 根据乐谱自动播放
                autoPlay( this, 0);
        },

         // 记录乐谱
        handleRecord: function(currentPianoKeyID)
        {
                 if ( this._enableRecord)
                {
                         // 插入乐谱
                        document.getElementById(txtInput).value += new Date().getTime() - this._prevTime + ',';
                        document.getElementById(txtInput).value += currentPianoKeyID + ';';

                         // 更新时间
                         this._prevTime = new Date().getTime();
                }
        },

        handleMouseDown: function(sender, eventArgs)
        {
                 // object.captureMouse()为对象启用鼠标捕捉（鼠标离开热区也可触发相关事件，如MouseLeftButtonUp）
                sender.captureMouse();

                 var currentPianoKeyID = sender.name.substr(0, sender.name.indexOf( "Path"));
                 var currentImage = sender.findName( "img" + currentPianoKeyID);
                currentImage.opacity = 1;

                 var currentMediaElement = sender.findName(currentPianoKeyID);
                currentMediaElement.stop();
                currentMediaElement.play();

                 this.handleRecord(currentPianoKeyID);
        },

        handleMouseUp: function(sender, eventArgs)
        {
                 // object.releaseMouseCapture()释放对象的鼠标捕捉
                sender.releaseMouseCapture();

                 var currentPianoKeyID = sender.name.substr(0, sender.name.indexOf( "Path"));
                 var currentImage = sender.findName( "img" + currentPianoKeyID);
                currentImage.opacity = 0;
        },

        pressKey: function (currentPianoKeyID)
        {
                 var currentImage = this.control.content.findName( "img" + currentPianoKeyID);
                currentImage.opacity = 1;

                 var currentMediaElement = this.control.content.findName(currentPianoKeyID);
                 // object.play()播放，object.pause()暂停，object.stop()停止
                currentMediaElement.stop();
                currentMediaElement.play();
        },

        depressKey: function (currentPianoKeyID)
        {
                 var currentImage = this.control.content.findName( "img" + currentPianoKeyID);
                currentImage.opacity = 0;
        },

        handleKeyDown: function (sender, eventArgs)
        {
                 switch (eventArgs.Key)
                {
                         // eventArgs.Key - 获取与该事件相关的键盘按键
                         case 55: this.pressKey( "C"); this.handleRecord( "C"); break;
                         case 48: this.pressKey( "C2"); this.handleRecord( "C2"); break;
                         case 53: this.pressKey( "D");     this.handleRecord( "D"); break;
                         case 33: this.pressKey( "D2"); this.handleRecord( "D2"); break;
                         case 32: this.pressKey( "E");     this.handleRecord( "E"); break;
                         case 51: this.pressKey( "F");     this.handleRecord( "F"); break;
                         case 36: this.pressKey( "F2"); this.handleRecord( "F2"); break;
                         case 31: this.pressKey( "G");     this.handleRecord( "G"); break;
                         case 37: this.pressKey( "G2"); this.handleRecord( "G2"); break;
                         case 43: this.pressKey( "A");     this.handleRecord( "A"); break;
                         case 39: this.pressKey( "A2"); this.handleRecord( "A2"); break;
                         case 42: this.pressKey( "B");     this.handleRecord( "B"); break;
                }
        },

        handleKeyUp: function (sender, eventArgs)
        {
                 switch (eventArgs.Key)
                {
                         // eventArgs.Key - 获取与该事件相关的键盘按键
                         case 55: this.depressKey( "C");     break;
                         case 48: this.depressKey( "C2"); break;
                         case 53: this.depressKey( "D");     break;
                         case 33: this.depressKey( "D2"); break;
                         case 32: this.depressKey( "E");     break;
                         case 51: this.depressKey( "F");     break;
                         case 36: this.depressKey( "F2"); break;
                         case 31: this.depressKey( "G");     break;
                         case 37: this.depressKey( "G2"); break;
                         case 43: this.depressKey( "A");     break;
                         case 39: this.depressKey( "A2"); break;
                         case 42: this.depressKey( "B");     break;
                }
        },

        resetPiano: function(sender, eventArgs)
        {
                 this.depressKey( "C");
                 this.depressKey( "C2");
                 this.depressKey( "D");
                 this.depressKey( "D2");
                 this.depressKey( "E");
                 this.depressKey( "F");
                 this.depressKey( "F2");
                 this.depressKey( "G");
                 this.depressKey( "G2");
                 this.depressKey( "A");
                 this.depressKey( "A2");
                 this.depressKey( "B");
        }
}

var _obj; // Webabcd.Piano对象
var _index; // 乐谱索引
function autoPlay(obj, index)
{
        _obj = obj;
        _index = index;

        execAutoPlay();
}

function execAutoPlay()
{
        _obj.resetPiano();

         var str = document.getElementById(txtInput).value; // 乐谱
         var ary = str.split(';'); // 间隔时间，按键名称

         if (_index != 0 && typeof(ary[_index-1]) != 'undefined' && ary[_index-1] != '')
        {
                 // 按下当前乐谱索引的上一个索引的按键
                _obj.pressKey(ary[_index-1].split(',')[1]);
        }

         var currentIndex = _index;
        _index++;

         if ( typeof(ary[currentIndex]) != 'undefined')
        {
                setTimeout( "_obj.resetPiano();", 100)
                 // 经过当前乐谱索引的间隔时间则调用execAutoPlay()
                setTimeout( "execAutoPlay();", parseInt(ary[currentIndex].split(',')[0], 10));
        }
}

OK
[源码下载]

你可能感兴趣的:(Ajax,net,silverlight,钢琴,DLinq)

python os.environ_python os.environ 读取和设置环境变量 weixin_39605414 python os.environ
>>>importos>>>os.environ.keys()['LC_NUMERIC','GOPATH','GOROOT','GOBIN','LESSOPEN','SSH_CLIENT','LOGNAME','USER','HOME','LC_PAPER','PATH','DISPLAY','LANG','TERM','SHELL','J2REDIR','LC_MONETARY','QT_QPA
Git常用命令－修改远程仓库地址猿大师 Linux Java git java
查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/＊＊＊＊＊.git(fetch)originhttps://git.coding.net/＊＊＊＊＊.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/＊＊＊＊＊.git先删除后增加远程仓库地址gitremotermori
【无标题】达瓦达瓦 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
上图为是否色发 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
143234234123432 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
与陌生人链接16 盼盼_9ba9
今天早上上班到下午下班，没有见到一个陌生人，但是与一个陌生人通电话了，他是师大音乐学院副院长，钢琴专业老师，想要找他给女儿教钢琴，昨天晚上我给他打了一个电话，他说他不教我家姑娘这样级别的孩子，我家姑娘刚刚学了10个月，也就一级的水平，而且说现在他们周末都上班，也没有时间，不知道什么原因，他说让我今天给他打电话看看孩子，今天我7点给他打电话，他说还在开会，8点半给他打电话他说刚刚散会！约我明天晚上8
Python中深拷贝与浅拷贝的区别 yuxiaoyu.
转自：http://blog.csdn.net/u014745194/article/details/70271868定义：在Python中对象的赋值其实就是对象的引用。当创建一个对象，把它赋值给另一个变量的时候，python并没有拷贝这个对象，只是拷贝了这个对象的引用而已。浅拷贝：拷贝了最外围的对象本身，内部的元素都只是拷贝了一个引用而已。也就是，把对象复制一遍，但是该对象中引用的其他对象我不复
你可能遗漏的一些C#/.NET/.NET Core知识点追逐时光者 C#.NET DotNetGuide编程指南 c#.net .netcore microsoft
前言在这个快速发展的技术世界中，时常会有一些重要的知识点、信息或细节被忽略或遗漏。《C#/.NET/.NETCore拾遗补漏》专栏我们将探讨一些可能被忽略或遗漏的重要知识点、信息或细节，以帮助大家更全面地了解这些技术栈的特性和发展方向。拾遗补漏GitHub开源地址https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/D
第1步win10宿主机与虚拟机通过NAT共享上网互通学习3人组大数据大数据
VM的CentOS采用NAT共用宿主机网卡宿主机器无法连接到虚拟CentOS要实现宿主机与虚拟机通信，原理就是给宿主机的网卡配置一个与虚拟机网关相同网段的IP地址，实现可以互通。1、查看虚拟机的IP地址2、编辑虚拟机的虚拟网络的NAT和DHCP的配置，设置虚拟机的网卡选择NAT共享模式3、宿主机的IP配置，确保vnet8的IPV4属性与虚拟机在同一网段4、ping测试连通性[root@localh
SpringCloudAlibaba—Sentinel(限流) 菜鸟爪哇
前言：自己在学习过程的记录，借鉴别人文章，记录自己实现的步骤。借鉴文章：https://blog.csdn.net/u014494148/article/details/105484410Sentinel介绍Sentinel诞生于阿里巴巴，其主要目标是流量控制和服务熔断。Sentinel是通过限制并发线程的数量（即信号隔离）来减少不稳定资源的影响，而不是使用线程池，省去了线程切换的性能开销。当资源
光盘文件系统 (iso9660) 格式解析穷人小水滴光盘文件系统 iso9660 deno GNU/Linux javascript
越简单的系统,越可靠,越不容易出问题.光盘文件系统(iso9660)十分简单,只需不到200行代码,即可实现定位读取其中的文件.参考资料:https://wiki.osdev.org/ISO_9660相关文章:《光盘防水嘛?DVD+R刻录光盘泡水实验》https://blog.csdn.net/secext2022/article/details/140583910《光驱的内部结构及日常使用》ht
科幻游戏《外卖员模拟器》主要地理环境设定 (1) 穷人小水滴游戏科幻设计
游戏名称:《外卖员模拟器》(英文名称:waimai_se)作者:穷人小水滴本故事纯属虚构,如有雷同实属巧合.故事发生在一个(架空)平行宇宙的地球,21世纪(超低空科幻流派).相关文章:https://blog.csdn.net/secext2022/article/details/141790630目录1星球整体地理设定2巨蛇国主要设定3海蛇市主要设定3.1主要地标建筑3.2交通3.3能源(电力)
react-intl——react国际化使用方案苹果酱0567 面试题汇总与解析 java 开发语言中间件 spring boot 后端
国际化介绍i18n：internationalization国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有k8s(Kubernetes)React-intl是React中最受欢迎的库。使用步骤安装#usenpmnpminstallreact-intl-D#useyarn项目入口文件配置//index.tsximportReactfrom"react";importReactDOMf
Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 error react mongodb 数据库
背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
C++ lambda闭包消除类成员变量 barbyQAQ c++c++java 算法
原文链接：https://blog.csdn.net/qq_51470638/article/details/142151502一、背景在面向对象编程时，常常要添加类成员变量。然而类成员一旦多了之后，也会带来干扰。拿到一个类，一看成员变量好几十个，就问你怕不怕？二、解决思路可以借助函数式编程思想，来消除一些不必要的类成员变量。三、实例举个例子：classClassA{public:...intfu
tiff批量转png 诺有缸的高飞鸟 opencv 图像处理 python opencv 图像处理
目录写在前面代码完写在前面1、本文内容tiff批量转png2、平台/环境opencv,python3、转载请注明出处：https://blog.csdn.net/qq_41102371/article/details/132975023代码importnumpyasnpimportcv2importosdeffindAllFile(base):file_list=[]forroot,ds,fsin
笋丁网页自动回复机器人V3.0.0免授权版源码希希分享软希网58soho_cn 源码资源笋丁网页自动回复机器人
笋丁网页机器人一款可设置自动回复，默认消息，调用自定义api接口的网页机器人。此程序后端语言使用Golang，内存占用最高不超过30MB，1H1G服务器流畅运行。仅支持Linux服务器部署，不支持虚拟主机，请悉知！使用自定义api功能需要有一定的建站基础。源码下载：https://download.csdn.net/download/m0_66047725/89754250更多资源下载：关注我。安
【树一线性代数】005入门 Owlet_woodBird 算法
Index本文稍后补全，推荐阅读：https://blog.csdn.net/weixin_60702024/article/details/141874376分析实现总结本文稍后补全，推荐阅读：https://blog.csdn.net/weixin_60702024/article/details/141874376已知非空二叉树T的结点值均为正整数，采用顺序存储方式保存，数据结构定义如下:t
Ubuntu18.04 Docker部署Kinship(Django)项目过程 Dante617
1Docker的安装https://blog.csdn.net/weixin_41735055/article/details/1003551792下载镜像dockerpullprogramize/python3.6.8-dlib下载的镜像里包含python3.6.8和dlib19.17.03启动镜像dockerrun-it--namekinship-p7777:80-p3307:3306-p55
Dockerfile命令详解之 FROM 清风怎不知意容器化 java 前端 javascript
许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用
【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
2019年6月24日（写给我的宝贝苏诗雨6）坚持才能胜利 e5bd79d99424
晚上8点左右跟宝宝商量先弹30分钟钢琴，时间到了吃点水果再弹30分钟。平时告诉她以后会主动的座在钢琴前弹琴，今天反常，不高兴的说不想弹琴，太累了，一遍一遍的！我对宝宝说：学习就是要这样，反反复复，为的是让你更熟练的掌握。还是撅着嘴找各种理由……我对宝宝说，妈妈跟你探讨一个问题，你告诉妈妈你的答案。当时钢琴是你自己选择的对吗？宝宝点点头。那你当时是喜欢它的对吗？答是的。你现在喜欢它吗？答喜欢。喜欢怎
html+css网页设计旅游网站首页1个页面 html+css+js网页设计 html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
Kubernetes数据持久化看清所苡看轻 kubernetes(k8s)emptyDir HostPath pv pvc kubernetes
在k8s中，Volume（数据卷）存在明确的生命周期（与包含该数据卷的容器组（pod）相同）。因此Volume的生命周期比同一容器组（pod）中任意容器的生命周期要更长，不管容器重启了多少次，数据都被保留下来。当然，如果pod不存在了，数据卷自然退出了。此时，根据pod所使用的数据卷类型不同，数据可能随着数据卷的退出而删除，也可能被真正持久化，并在下次容器组重启时仍然可以使用。从根本上来说，一个数
网关gateway学习总结猪猪365 学习总结学习总结
一微服务概述:微服务网关就是一个系统!通过暴露该微服务的网关系统,方便我们进行相关的鉴权,安全控制,日志的统一处理,易于监控的相关功能!实现微服务网关技术都有哪些呢?1nginx:nginx是一个高性能的http和反向代理web的服务器,同事也提供了IMAP/POP3/SMTP服务.他可以支撑5万并发链接,并且cpu,内存等资源消耗非常的低,运行非常的稳定!2Zuul:Zuul是Netflix公司
ArcGIS Pro SDK （十四）地图探索 5 时间与动画 WineMonk ArcGIS Pro SDK arcgis arcgis pro sdk gis c#
ArcGISProSDK（十四）地图探索5时间与动画文章目录ArcGISProSDK（十四）地图探索5时间与动画1时间1.1时间提前1个月1.2禁用地图中的时间。2动画2.1设置动画长度2.2缩放动画2.3相机关键帧2.4插值相机2.5插值时间2.6插值范围2.7创建摄像机关键帧2.8创建时间关键帧2.9创建范围关键帧2.10创建图层关键帧环境：VisualStudio2022+.NET6+Arc
【杨爽微习惯日更41/101】杨爽_e105
沟通小课堂---治疗“愤世嫉俗”的最佳良方是什么？12月28日，钢琴家傅聪因感染新冠肺炎在英国去世了，傅聪先生被世人广泛熟知，除了他是优秀的钢琴家，更因为他是《傅雷家书》中享受父母深深关爱殷殷教诲的青年，这本书影响了一代又一代人。今天想和你分享傅雷先生时常会在家书中强调的，要坚持“大我”，抛弃“小我”，不要对个人的名利得失太过计较。当我们热衷于个人名利，而又得不到名利的时候，必然会因为嫉妒和仇恨变
解决SDK Manager 中没有 Support Library 木鱼wzh
1、直接修改SDK-MANAGER打开sdk-manager—->Tools—->options然后点击packages—->showobsoletepackages即可在最下面的Extras目录下找到推荐两个自己使用的镜像服务器：mirrors.neusoft.edu.cn端口80mirrors.dormforce.net端口802、去官网下载SupportLibrar点击这里进入官网进入百度云
Kubernetes部署MySQL数据持久化沫殇-MS Kubernetes MySQL数据库 kubernetes mysql 容器
一、安装配置NFS服务端1、安装nfs-kernel-server：sudoapt-yinstallnfs-kernel-server2、服务端创建共享目录#列出所有可用块设备的信息lsblk#格式化磁盘sudomkfs-text4/dev/sdb#创建一个目录：sudomkdir-p/data/nfs/mysql#更改目录权限：sudochown-Rnobody:nogroup/data/nfs
个人学习笔记7-6：动手学深度学习pytorch版-李沐浪子L 深度学习深度学习笔记计算机视觉 python 人工智能神经网络 pytorch
#人工智能##深度学习##语义分割##计算机视觉##神经网络#计算机视觉13.11全卷积网络全卷积网络（fullyconvolutionalnetwork，FCN）采用卷积神经网络实现了从图像像素到像素类别的变换。引入l转置卷积（transposedconvolution）实现的，输出的类别预测与输入图像在像素级别上具有一一对应关系：通道维的输出即该位置对应像素的类别预测。13.11.1构造模型下
怎么样才能成为专业的程序员？ cocos2d-x小菜编程 PHP
如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
java web开发高并发处理 BreakingBad java Web 并发开发处理高
java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据）一：高并发高负载类网站关注点之数据库没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
mysql批量更新 ekian mysql
mysql更新优化：一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。三千多条的更新，需要3分多钟。查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
微软BI（3） 18289753290 微软BI SSIS
1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
Java中的List g21121 java
List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。与 set 不同，列表通常允许重复
读书笔记永夜-极光读书笔记
1. K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策? 传统决策: A:100%订单 B,C,D:0% &nbs
centos 安装 Codeblocks 随便小屋 codeblocks
1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++ 2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK yum search w
23种设计模式的形象比喻 aijuans 设计模式
1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
开发管理 CheckLists aoyouzi 开发管理 CheckLists
开发管理 CheckLists(23) -使项目组度过完整的生命周期开发管理 CheckLists(22) -组织项目资源开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
js实现切换百合不是茶 JavaScript 栏目切换
js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示代码实现: html代码: <di
周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。 &
前端Web开发的页面效果 Bill_chen html Web Microsoft
1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
CMS概述并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。 CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
Struts2技术总结白糖_ struts2
必备jar文件早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar Apache旗下commons项目的log日志包 freemarker-*.jar
Jquery easyui layout应用注意事项 bozch jquery 浏览器 easyui layout
在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。假设原来链表为A1 -> A2 ->... -> An，新拷贝
color Chen.H JavaScript html css
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD>&nbs
[信息与战争]移动通讯与网络 comsci 网络
两个坚持:手机的电池必须可以取下来光纤不能够入户,只能够到楼宇建议大家找这本书看看:<&
oracle flashback query(闪回查询) daizj oracle flashback query flashback table
在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
zeus持久层DAO单元测试 deng520159 单元测试
zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码 package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
C语言学习三printf函数和scanf函数学习 dcj3sjt126com c printf scanf language
printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园功能：目的：测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
那你为什么小时候不好好读书? dcj3sjt126com life
dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you 爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
iptables开放端口 Fanyucai linux iptables 端口
1，找到配置文件 vi /etc/sysconfig/iptables 2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT 3，保存 ESC :wq! 4，重启服务 service iptables
Ehcache（05）——缓存的查询 234390216 排序 ehcache 统计 query
缓存的查询目录 1. 使Cache可查询 1.1 基于Xml配置 1.2 基于代码的配置 2 指定可搜索的属性 2.1 可查询属性类型 2.2 &
通过hashset找到数组中重复的元素 jackyrong hashset
如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) { if (window.history && window.history.pushState) {
应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰 netkiller neo
应用程序的通信成本什么是通信一个程序中两个以上功能相互传递信号或数据叫做通信。什么是成本这是是指时间成本与空间成本。时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。都有哪些通信方式全局变量线程间通信共享内存共享文件管道 Socket 硬件（串口，USB）等等全局变量全局变量是成本最低通信方法，通过设置
一维数组与二维数组的声明与定义恋洁e生二维数组一维数组定义声明初始化
/** * */ package test20111005; /** * @author FlyingFire * @date:2011-11-18 上午04:33:36 * @author ：代码整理 * @introduce :一维数组与二维数组的初始化 *summary： */ public c
Spring Mybatis独立事务配置 toknowme mybatis
在项目中有很多地方会使用到独立事务，下面以获取主键为例（1）修改配置文件spring-mybatis.xml  <tx:annotation-driven transaction-manager="transactionManager" /> &n
更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
使用Android SDK Manager 更新了Anadroid SDK Tooks 之后，打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates 检测一会后提示 No update were found