saijie1983
saijie1983

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准的、有语意的HTML页面 CSS 样式表控制。
例如，Menu、TreeView等控件均将输出< table>标签，而基于Web标准中的“有语意的”这一条，显然应该选择<ul>标签。
而使用CSS Friendly Control Adapters 会将其转为使用嵌套的<ul>标签渲染，这被称为纯CSS menu (http://www.meyerweb.com/eric/css/edge/menus/demo.html ).
而对于以前不支持CSS的旧式浏览器，可以通过在配置文件中设定不同版本的浏览器使用不同的 Control Adapters
来解决！这样对于PocketPC也能通过提供不同的Control Adapters来获得支持！

== 下载和安装 ==

访问站点：http://www.asp.net/cssadapters/ ，单击“download source”按钮，下载ASPNETCssFriendlyAdapters.vsi。
或者直接下载： http://download.microsoft.com/download/b/a/3/ba3aee5e-2e28-4056-9e71-036b2e7f58af/ASPNETCssFriendlyAdapters.vsi

该文件是一个 Visual Studio Content Installer 安装包，需要 Visual Web Developer or Visual Studio 2005 方能运行解包。安装后将在你的Visual Studio中添加几个新的Web Site 模版。

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第1张图片

== 使用 ==
进入 Visual Studio，选择 File -> New Web Site 菜单项，选择新加入的“ASP.NET CSS Friendly Web Site”模版，开始你自己的CSS样式表站点设计，或者
选择“Tutorial on ASP.NET CSS Friendly Control Adapters”模版建立教程站点，学习CSS Friendly sample adapters的功能。


创建新站点后，你可以看看里面的readme.txt 文件，了解下注意事项。
利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第2张图片

== 运行 ==

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第3张图片

所有的adapted controls的例子放在页顶部的Exmaples菜单下面的，第一个就是被转换的<asp:menu>菜单控件例子：用嵌套的<ul>标签代替了不规范的<table>标签。

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第4张图片

点击进入菜单控件例子页面，你能更清晰的看到转换前后有什么不同：




每一个例子都可以通过设置在是否使用转化接头(Adapters)之间切换：

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第5张图片

另外可以通过Theme Chooser在两个不同样式Theme(Basic, Enhanced)之间切换，样式文件在App_Themes中：

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第6张图片

要联机查看每个例子的源程序，可以通过点击“view source code”按钮：

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第7张图片

== 文件的组织 ==

* 页面文件放在站点的根目录下面。
* 专用代码放在App_Code/SiteSpecific 文件夹下，只对这个教程站点有用的，没有实用意义的。
* CSS Friendly Control Adapters的源代码放在App_Code/Adapters下。
* App_Themes: 存放了两个不同的Theme样式
* bin目录下放的是一个显示高亮度语法的工具：Wilco Bauer's handy utility (http://www.wilcob.com/Wilco/Toolbox/SyntaxHighlighter.aspx )
* App_data 存放的是某些例子使用的xml数据
* CSS 目录，存放的是与Theme无关的，被Control Adapters使用的样式，这些样式包含的是插接的控件的behavior规范而不是界面表现。例如，对于pure css 菜单，有颜色，字体的界面规范；更重要的是还要有菜单如何工作的规范，比如如何显示菜单子项（当鼠标移上菜单的时候），如何隐藏菜单子项（当鼠标离开菜单 的时候），这些CSS的通用规范被放于这个文件夹。旗下的子文件夹browser-specific包含了针对特定浏览器的CSS规范。
* App_Browsers 目录，设置使用CSS Friendly Control Adapters 的浏览器，你可以设置成不管浏览器的类型版本如何，始终使用这些Adapters；也可以设置成只针对特定的浏览器以及特定的版本才使用。
* Javascript目录，部分Control Adapters使用了一些JS代码实现，这些JS代码被存放于此。如果要改变该路径的名称，你需要在web.config文件中的 appSettings节 添加/改变 CSSFriendly-JavaScript-Path 的值：<add key="CSSFriendly-JavaScript-Path" value="~/JavaScript" />
* Membership 目录，演示了如何插接ASP.NET 2.0 的membership 控件。

每一个转换的CSS控件都有自己的样式表，例如：<asp:GridView> 控件 has a style sheet named GridViewSample.css。该教程站点包含了两个Theme样式：
Basic and Enhanced, 因此在 Basic 文件夹和 Enhanced 文件夹中均有 GridViewSample.css 文件。



本教程站点在 App_Browsers 目录下的配置的.browse文件为 CSSFriendlyAdapters.browser，它配置为默认使用 CSS Friendly Control Adapters，当然你页可以将refID 改为 IE6to9, Gecko, Opera8to9 等等。



运行了例子，了解了文件的组织和意义，现在该是创建自己的网站的时候。如何修改CSS改变控件的外观?
让我们从menu讲起，首先我们修改下当鼠标移动到菜单上的颜色，在VS中，打开 App_Themes/Basic/MenuExample.css.文件：

CSS

.PrettyMenu ul.AspNet-Menu li:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background:#4682B3;
}

将该颜色改成其它的值如 #27408B。保存，然后刷新菜单控件例子页面：



还需要改变的是 .skin 文件，当浏览器不使用转换件的时候，控件默认会用该文件，打开 App_Themes/Basic/Basic.skin 文件，修改菜单的 DynamicHoverStyle 中的颜色值：

利用 CSS Friendly Control Adapters 将 ASP.NET 控件转为符合WEB标准标签控制_第8张图片

=== 使用CSS转换件的空页面 ===

<%@ Page Language="C# or VB" %>   
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />
        <!--[if lt IE 7]>
            <link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu6.css" type="text/css" id="IEMenu6CSS" />
        <![endif]-->
    </head>
    <body>
        <form id="form1" runat="server">
            <!-- adapted control(s) here-->
        </form>
    </body>
    </html>

Import.css 是 Theme无关的CSS，表示的是CSS转换件的 behavioral 规则。
IEMenu6.css 是一个有条件的连接选项，当使用以前版本的IE浏览器需要。


=== 打造Pure CSS 菜单页面 ===

ASP.NET

<script runat="server">
    Public Sub OnClick(ByVal sender As Object, ByVal e As MenuEventArgs)
        MessageLabel.Text = "You selected " & e.Item.Text & "."
        e.Item.Selected = True
    End Sub
</script>

<asp:Menu ID="EntertainmentMenu" runat="server" Orientation="Horizontal" onmenuitemclick="OnClick" CssSelectorClass="SimpleEntertainmentMenu">
    <Items>
        <asp:MenuItem Text="Music">
            <asp:MenuItem Text="Classical" />
            <asp:MenuItem Text="Rock">
                <asp:MenuItem Text="Electric" />
                <asp:MenuItem Text="Acoustical" />
            </asp:MenuItem>
            <asp:MenuItem Text="Jazz" />
        </asp:MenuItem>
        <asp:MenuItem Text="Movies" Selectable="false">
            <asp:MenuItem Text="Action" />
            <asp:MenuItem Text="Drama" />
            <asp:MenuItem Text="Musical" />
        </asp:MenuItem>
    </Items>
</asp:Menu>

CSS

.SimpleEntertainmentMenu .AspNet-Menu-Selected
{
    border: solid 1px #00ff00 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ChildSelected
{
    border: solid 1px #ff0000 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ParentSelected
{
    border: solid 1px #0000ff !important;
}

 

-----------------------------------------------------------------------------------------------------------------------------------------------

 

 

在现有项目中使用CSS标准化适配器

添加App_Browsers及内容、App_Themes及内容(主题及样式表文件)、JavaScript脚本、web.congfig中JavaScript脚本文件夹路径、

App_Code/adapters/及内容（用于标准化的类文件）

 

你可能感兴趣的:(Web,css,浏览器,asp.net,asp,themes)

  • vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置 mirahs vue.js
    之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl
  • 【气象编程】利用ERA5数据计算涡度平流并绘图 水成文 鸿长飞 pythonmatplotlibnumpyscipy
    利用ERA5数据计算涡度平流并绘图目录利用ERA5数据计算涡度平流并绘图1.官网示例（基于NCSS）存在问题2.解决方法1.官网示例（基于NCSS）metpy给出的涡度平流计算绘图代码链接:500hpa_vorticity_advection整体流程是读取数据，计算涡度，计算涡度的平流，然后绘图。存在问题示例中使用的数据结构和要使用的ERA5略有不同，此外，由于版本问题，示例中使用的以下计算语句由
  • docker file 打包jar_把Jar包打包为docker镜像 光与火花 dockerfile打包jar
    背景：要用JaCoCo搞代码覆盖率，使用on-the-fly模式，因为开发都是把jar打包为docker镜像来部署，所以先要弄清楚打包的过程，才能知道在哪里修改jar包的启动命令。使用Dockfile来创建镜像试验的jar包是用httpServer写的一个简单web服务，访问/test就返回helloworld，下面先拉取一个java:8的基础镜像：dockerpulljava:8，再用docke
  • 接口优化方案 二斤理想 开发语言springcloudmavenjavaspring并发编程
    接口优化方案一、并发编程一、并发编程场景：性能不达标接口内部串行调用，优化方案：调整为并发调用案例如下：pom文件配置：4.0.0cn.demojava_base0.0.1-SNAPSHOTjava_basejava_base1.8UTF-8UTF-82.4.2org.springframework.bootspring-boot-starter-weborg.projectlomboklombo
  • 什么是API？ API小爬虫 pythonjavaphpc++c语言
    API（ApplicationProgrammingInterface，应用程序编程接口）是一种允许不同软件系统之间进行交互的接口。它定义了一组规则和定义，使得一个软件程序可以请求另一个软件程序的服务，而无需了解其内部实现细节。API是现代软件开发中非常重要的概念，广泛应用于各种场景，包括操作系统、库、框架、Web服务等。一、API的主要功能（一）数据交互API允许不同系统之间交换数据。例如，一个
  • HarmonyOS编程开发实战：获取网络连接信息并选择一种绑定到应用示例 代码中的爱马仕 鸿蒙HarmonyOSOpenHarmonyharmonyos华为驱动开发前端鸿蒙网络android
    1.网络类型简介移动设备一般都具备移动网络和无线WIFI的连接能力，有些还可以接入有线以太网，这些网络可以根据需要随时切换。鸿蒙APP可以自动适应上述的网络，一般来说，会优先使用WIFI或者有线以太网，移动网络因为要收费，不会首选使用。但是在某些特殊情形下，可能要求必须使用某一种网络，比如必须使用蜂窝网络，这时候就需要显示的配置一下，指定app使用该网络类型。2.Web组件及控制器常用方法网络连接
  • SSL 证书对网站的重要性体现在哪些方面？ 麦辣鸡腿汉堡 ssl网络协议网络
    网站安装SSL（SecureSocketsLayer）证书有诸多好处，主要体现在安全、信任和性能等方面。一、先讲讲安全性。SSL证书能够在用户浏览器与网站服务器之间构建一条加密通道，以此保护数据传输。当用户在网站上输入登录账号密码、信用卡信息等敏感内容时，这些数据都会被加密。如此一来，黑客以及其他心怀不轨的人，就无法偷偷截取、窃取用户的数据了。SSL证书申请：打开JoySSL官网填写注册码2309
  • 大气视热源Q1与视水汽汇Q2的计算 利用python以ERA5再分析资料为例 shift0516 python开发语言
    python代码：importosimportnetCDF4asncimportnumpyasnpimportxarrayasxrimportpandasaspdimportmetpy.constantsasconstantsfrommetpy.unitsimportunitsfrommetpy.calcimportmixing_ratio_from_specific_humidity,first
  • 泛IPC场景中微信小程序与智能硬件VoIP端到端视频通话实际就是WebRTC视频通话 xiejiashu WEBRTCwebrtc摄像机WebRTCp2pWebRTC微信小程序IPCWebRTC
    最近智能硬件（IPC摄像机、智能门铃、智能猫眼、宠物机器人、陪护机器人、带屏可视音箱、带屏台灯等等）与微信/小程序视频通话的功能火起来了，视乎传统硬件终于开始走出了向WebRTC突破的一步，相信未来WebRTC在C端硬件上，将会独领一档存在。之前我们也描述过，微信或者小程序与智能硬件的通话主要的优势就是利用了微信在手机中的霸主地位，无论是App的安装普及程度，还是实时推送的到达率，都是top级别的
  • 流媒体服务器如何让WebRTC支持H.265，同时又能支持Web js硬解码、软解码（MSE硬解、WASM软解） xiejiashu WEBRTCWebRTC支持H.265WebRTCH.265H.265WebRTCWebRTC265265WebRTC
    为了这一整套的解决方案，调研+研发整整花费了差不多半年多的时间，需达成的目标：流媒体服务器端不需要将H.265转码成H.264，就能让Chrome解码播放H.265；注意：现在很多市面上的软硬件通过转码H.265成H.264的方式来支持WebRTC，个人理解，这既费硬件又是技术的倒退！WebJS解码H.265在之前就WASM（WebAssembly）一种方式，但是后来Chrome支持了H.265的
  • EasyRTC实现基于WebRTC技术实现的即时通信类应用 xiejiashu WEBRTCEasyRTCWebRTCRTC直播视频会议技术视频通话技术
    WebRTC简介WebRTC，名称源自网页即时通信（英语：WebReal-TimeCommunication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准。EasyRTC基于WebRTC，凭借多年音视频开发经验并结合实际情况，开发了基于WebRTC的音视频通讯云平台，提供
  • 使用 Websoft9 面板部署 LobeChat，打造个人 AI 大脑 开源github
    第一章：服务器环境准备1.1云服务器选购与配置选择云服务商•推荐平台：阿里云、腾讯云、AWSLightsail（新手可选厂商提供的“轻量应用服务器”）。•配置建议：◦测试用途：1核CPU/2GB内存/50GBSSD（最低配置，支持10人以内对话）。◦生产用途：2核CPU/4GB内存/100GBSSD（支持并发请求及插件运行）。•操作系统：优先选择Ubuntu22.04LTS（兼容性最佳）。安全组（
  • 鸿蒙WebSocket的使用竟如此简单 harmonyos
    使用WebSocket建立服务器与客户端的双向连接，需要先通过createWebSocket()方法创建WebSocket对象，然后通过connect()方法连接到服务器。当连接成功后，客户端会收到open事件的回调，之后客户端就可以通过send()方法与服务器进行通信。当服务器发信息给客户端时，客户端会收到message事件的回调。当客户端不要此连接时，可以通过调用close()方法主动断开连接
  • 「Trading星周二」 Space精华回顾 | 牛市启动倒计时？五大关键议题激辩与未来展望 web3区块链比特币
    作者：Trading星周二文/TechubNewsPeter一、活动背景：牛市迷雾下的深度思辨3月10日晚，由TechubNews主办的「Trading星周二」第二期Space活动引发行业热议。在比特币经历从9.3万美元高位回撤至8万美元的剧烈波动后，市场情绪陷入焦灼：“牛市还在吗？何时迎来狂暴大牛？”本期活动由TechubNews创始人Alma与Web3华语知名主持人茄哥联合主持，特邀头部买方机
  • 构建JSBridge鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。构建JSBridge源码链接效果预览使用说明打开应用后，点击调用native按钮，实现原生方面调用H5方法，在后台打印数据。实现思路原生调H5invokeHandle(handleName:string,callbackName:string){try{this.webviewContro
  • 指纹浏览器与代理IP的协同技术解析：从匿名性到防关联实现 Hotlogin 火云指纹浏览器指纹浏览器tcp/ip网络协议网络
    一、技术背景与核心需求指纹浏览器通过模拟独立浏览器环境（包括User-Agent、Canvas指纹、WebGL参数等）实现多账号防关联，而代理IP通过隐藏真实IP地址提供网络匿名性。两者结合可解决以下技术痛点：双重身份隔离：单一指纹修改无法完全规避IP关联风险；动态环境模拟：代理IP支持地理位置切换，增强指纹浏览器模拟真实用户行为的能力；反检测能力提升：对抗网站基于IP黑名单或指纹追踪的风控策略。
  • 【第1到23讲】 基于vue + spring boot学生宿舍管理系统（文末附项目完整源代码+万字文档） LuXi_foryou vue.jsspringboot前端
    基于vue+springboot学生宿舍管理1、环境准备1、安装node.js2、安装vue-cli3、安装vscode开发工具2、下载node.js浏览器打开https://nodejs.org/zh-cn/download/进入下载1.2点击【以往的版本】进入所示列表界面，选择自己所需要的版本进行下载安装3、vue-cli安装1.2.1检查node.js是否安装通过命令提示符，node-vnp
  • Python爬虫：从人民网提取视频链接的完整指南 小白学大数据 pythonpython爬虫音视频开发语言大数据
    无论是用于数据分析、内容提取还是资源收集，Python爬虫都因其高效性和易用性而备受开发者青睐。本文将通过一个实际案例——从人民网提取视频链接，详细介绍如何使用Python构建一个完整的爬虫程序。我们将涵盖从基础的网络请求到HTML解析，再到最终提取视频链接的全过程。一、爬虫技术概述网络爬虫（WebCrawler）是一种自动化的程序，用于在互联网上浏览网页并收集信息。它通过模拟浏览器的行为，发送H
  • HTML&CSS绘制三角形 南枝异客 前端csshtml开发语言
    1.代码：01triangle.box{width:0px;height:0px;/*background-color:red;*/border:50pxsolidtransparent;border-left:50pxsolidrgb(255,174,0)}2.效果图
  • 【Python基础详解】 蝉叫醒了夏天 Python数据结构python开发语言
    Python基础详解Python是一门广受欢迎的编程语言，以其简洁易用和强大的功能而闻名。本文将详细讲解Python的基础知识，帮助初学者快速上手并掌握这门语言。第一部分：初识Python什么是Python？Python是一种高级编程语言，由GuidovanRossum于1989年发明，并于1991年首次发布。它以简洁的语法和强大的功能而受到广泛欢迎，适用于Web开发、数据分析、人工智能等多个领域
  • Linux下的Python开发环境 ftpeak PythonLinuxlinux运维服务器condapycharm
    以下是在Ubuntu22.04上安装XFCE桌面、配置中文环境、中文输入法、远程桌面；安装anaconda、PyCharm、谷歌浏览器等的步骤：首先，正常安装完毕Ubuntu22.04Linux。如果选择某些云平台的ECS服务器，可以用十几秒钟完成Ubuntu22.04Linux映像的快速安装，非常方便。一、安装XFCE桌面环境sudoaptupdatesudoaptinstallxfce4xfc
  • Python网络爬虫实战：抓取猫眼TOP100电影信息 莱财一哥
    本文还有配套的精品资源，点击获取简介：在Python中，Web爬虫是获取互联网数据的关键技能。本教程将指导如何结合使用requests库和正则表达式来从猫眼电影网站的TOP100榜单中抓取电影信息。首先通过requests库发送HTTP请求获取网页内容，然后运用正则表达式提取电影名和评分等信息。在进行网络爬虫时，遵守robots.txt规则，设置请求延时，并考虑处理网站的反爬虫策略。对于更复杂的网
  • react 组件封装原则_如何基于antd封装自己的react组件并发布到npm 楚云卿 react组件封装原则
    引言在前端项目开发过程中，有大量重复的内容，比如布局相似的模块，较多的功能表单等，我们可以提炼成组件来提升效率，减少重复建设。文章以实际工作中的项目为例，介绍如何将项目中常用的组件进行封装并发布到npm中。1前提要求在开始前你需要具备以下条件：安装了Node&npm安装了Git基本掌握npm，git使用方法熟练使用JavaScript&ES6&CSS基本掌握React熟悉React,antd2开始
  • 如何部署Java应用到服务器 DKPT #软件开发服务器环境搭建服务器服务器
    准备工作：确保服务器上安装了Java运行环境（JRE或JDK）。安装Web服务器，如ApacheTomcat、Jetty或WildFly。配置服务器网络，确保可以远程访问。打包Java应用：使用IDE（如IntelliJIDEA或Eclipse）或构建工具（如Maven或Gradle）将Java项目打包成WAR或JAR文件。上传应用到服务器：使用FTP、SCP或其他文件传输工具将打包好的文件上传到
  • word处理控件Aspose.Words教程：使用 Python 删除 Word 中的空白页 CodeCraft Studio 文档管理控件wordpython开发语言
    Aspose.Words是一种高级Word文档处理API，用于执行各种文档管理和操作任务。API支持生成，修改，转换，呈现和打印文档，而无需在跨平台应用程序中直接使用MicrosoftWord。AsposeAPI支持流行文件格式处理，并允许将各类文档导出或转换为固定布局文件格式和最常用的图像/多媒体格式。Aspose.wordsfor.net下载Aspose.wordsforforPython下载
  • 回流（Reflow）与重绘（Repaint）：原理、性能影响与优化策略 冬冬小圆帽 前端javascripthtml
    回流（Reflow）和重绘（Repaint）是浏览器渲染页面时的两个关键过程，它们对页面性能有重要影响。理解它们的机制以及如何优化，可以帮助我们编写更高效的代码。下面我们将结合代码深度分析回流和重绘。1.回流和重绘的基本概念1.1回流（Reflow）回流是指浏览器计算页面布局的过程。当页面中的元素发生几何属性（如宽度、高度、位置等）变化时，浏览器需要重新计算元素的几何信息，并重新构建渲染树（Ren
  • Webpack 优化深度解析：从构建性能到输出优化的全面指南 冬冬小圆帽 webpack前端node.js
    Webpack是一个强大的模块打包工具，广泛应用于现代前端开发中。随着项目规模的增大，Webpack的构建速度和输出文件的优化变得尤为重要。1.Webpack优化的核心目标Webpack优化的主要目标包括：减少构建时间：加快开发环境的构建速度，提升开发体验。减小输出文件体积：减少生产环境的资源体积，提升页面加载性能。提升缓存利用率：通过合理的文件哈希和代码分割，提升资源的缓存命中率。提高代码质量：
  • Pandas数据清洗：处理缺失值 小龙在山东 pythonPandas数据分析pandaspython开发语言
    在Pandas中，可以使用dropa方法条件过滤缺失值，用isnull标记哪些是缺失值，用notnull方法标记哪些不是缺失值，用fillna方法填充缺失值。importpandasaspdframe=pd.DataFrame([[1,2,3,None]
  • 使用cnpmcore搭建npm本地仓库 GodNew nodenpm前端node.js
    参考资料：企业级包管理服务cnpmcore-知乎源码地址：https://github.com/cnpm/cnpmcore此工具当前还在发展阶段，只是一个registry，尚无web管理功能。下文介绍基于version:2.4.1搭建一个本地私服环境准备准备一个linux环境，最后还是可以切换到windows环境的。安装node用于运行程序，node版本需要16.x以上。安装git用于下载cnpm
  • express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统 鱼弦 前端expressbootstrap
    该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。下面是利用Express后端+Bootstrap前端+MongoDB数据库的代码示例，用于实现一个综合的学生管理系统：1.安装所需模块在终端中输入以下命令，安装所
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他