`

使用zk的bandbox和listbox实现的一个具有搜索功能的combobox(实现后台分页)

zkSQLSpringDAOGoogle 
阅读更多

在图片附件中有效果图,可以先看一下.

 

先说下来由:因为不太喜欢zk的tree,也因为数据量实在太大,每次都用tree全部现实出来很耗费性能

所以就想到了google的搜索框,打算自己做一个.

 

整体思路是这样的:

 

做一个bandbox,里边包含一个textbox和一个listbox

 

textbox用于接收搜索的条件

 

listbox用于显示搜索的内容,选定后反填到bandbox中

 

step.1---页面(test.zul)

Html代码 复制代码
  1. <window id="testWnd" title="test" border="normal"    
  2.     use="com.test.TestWindow" height="95%">  
  3.     <grid width="60%">  
  4.         <columns>  
  5.             <column label=""/>  
  6.             <column label=""/>  
  7.         </columns>  
  8.         <rows>       
  9.             <row height="40px" spans="1,2">  
  10.                 名称:   
  11.                 <hbox>  
  12.                 <!--    
  13.                     autodrop属性实现bandbox的自动弹出    
  14.                     constraint属性是对bandbox的验证,其中"no empty"是非空验证   
  15.                     如果你想定义验证后显示的内容只需要"no empty: 你想显示的信息"就可以了   
  16.                 -->  
  17.                 <bandbox id="gxsmc" readonly="true" autodrop="true"  
  18.                     constraint="no empty" width="300px">  
  19.                     <bandpopup>  
  20.                         <hbox>  
  21.                             <label value="输入代码或名称查找:"></label>  
  22.                             <!-- 用于输入搜索条件的textbox   
  23.                                 为其添加onChang和onOK事件   
  24.                                 目前这个版本需要输入完成后将textbox失去焦点或按回车键才能显示搜索内容   
  25.                                 我想做个类似google那种效果的,一直没搞成,所有的事件都试过了   
  26.                                 希望高手们帮忙看看   
  27.                              -->  
  28.                             <textbox id="term" onChange="testWnd.initTest(self.value)"  
  29.                                 onOK="testWnd.initTest(self.value)"/>  
  30.                         </hbox>  
  31.                         <vbox>  
  32.                         <!-- 用于显示搜索内容的listbox -->  
  33.                         <listbox id="gxsList" width="320px" height="175px">  
  34.                             <listhead>  
  35.                                 <listheader label="名称" width="300px" sort="auto" />  
  36.                             </listhead>  
  37.                         </listbox>  
  38.                         <!-- 用于分页的控件 -->  
  39.                         <paging id="gxsPag" pageSize="10"></paging>  
  40.                     </vbox>  
  41.                     </bandpopup>  
  42.                 </bandbox>  
  43.                 <image src="img/Centigrade-Widget-Icons/QuestionmarkButton-16x16.png" tooltip="title"  
  44.                             style="cursor:pointer" popup="title"/>操作说明   
  45.                 </hbox>  
  46.             </row>  
  47.         </rows>  
  48.     </grid>  
  49.     <popup id="title" width="300px">  
  50.         <html>  
  51.             单击左边输入框,输入管辖所代码或管辖所名称&lt;br /&gt;   
  52.             要求代码长度大于4位,名称长度大于2位&lt;br /&gt;   
  53.             输入完成后,按"回车(Enter)键"或"Tab"键选择   
  54.         </html>  
  55.     </popup>  
  56. </window>   
<window id="testWnd" title="test" border="normal" 
	use="com.test.TestWindow" height="95%">
   	<grid width="60%">
		<columns>
			<column label=""/>
			<column label=""/>
		</columns>
		<rows>	
			<row height="40px" spans="1,2">
				名称:
				<hbox>
				<!-- 
					autodrop属性实现bandbox的自动弹出 
					constraint属性是对bandbox的验证,其中"no empty"是非空验证
					如果你想定义验证后显示的内容只需要"no empty: 你想显示的信息"就可以了
				-->
				<bandbox id="gxsmc" readonly="true" autodrop="true"
					constraint="no empty" width="300px">
					<bandpopup>
						<hbox>
							<label value="输入代码或名称查找:"></label>
							<!-- 用于输入搜索条件的textbox
								为其添加onChang和onOK事件
								目前这个版本需要输入完成后将textbox失去焦点或按回车键才能显示搜索内容
								我想做个类似google那种效果的,一直没搞成,所有的事件都试过了
								希望高手们帮忙看看
							 -->
							<textbox id="term" onChange="testWnd.initTest(self.value)"
								onOK="testWnd.initTest(self.value)"/>
						</hbox>
						<vbox>
						<!-- 用于显示搜索内容的listbox -->
						<listbox id="gxsList" width="320px" height="175px">
							<listhead>
								<listheader label="名称" width="300px" sort="auto" />
							</listhead>
						</listbox>
						<!-- 用于分页的控件 -->
						<paging id="gxsPag" pageSize="10"></paging>
					</vbox>
					</bandpopup>
				</bandbox>
				<image src="img/Centigrade-Widget-Icons/QuestionmarkButton-16x16.png" tooltip="title"
							style="cursor:pointer" popup="title"/>操作说明
				</hbox>
			</row>
		</rows>
	</grid>
	<popup id="title" width="300px">
		<html>
			单击左边输入框,输入管辖所代码或管辖所名称&lt;br /&gt;
			要求代码长度大于4位,名称长度大于2位&lt;br /&gt;
			输入完成后,按"回车(Enter)键"或"Tab"键选择
		</html>
	</popup>
</window>

 

step.2----建立页面use的后台类

Java代码 复制代码
  1. public class TestWindow extends Window {   
  2.   
  3.     private static final long serialVersionUID = 1L;   
  4.        
  5.     public void initTest(final String value) {   
  6.         //这么做有点笨了,主要是怕sql语句报错,dao中也用了PreparedStatementSetter,主要是以防万一   
  7.         if (value.contains("'") || value.contains("_")) {   
  8.             try {   
  9.                 Messagebox.show("包含非法字符","提示",Messagebox.OK,Messagebox.INFORMATION);   
  10.                 return ;   
  11.             } catch (InterruptedException e) {   
  12.                 e.printStackTrace();   
  13.             }   
  14.         }   
  15.            
  16.         //限制输入的条件的长度大于4的时候才去数据查找数据   
  17.         if (value.getBytes().length >= 4) {   
  18.             //spring   
  19.             ApplicationContext ctx =    
  20.                 WebApplicationContextUtils.getRequiredWebApplicationContext(   
  21.                     (ServletContext)getDesktop().getWebApp().getNativeContext());   
  22.                
  23.             DtgkService dtgkService = (DtgkService)ctx.getBean("dtgkService");   
  24.                
  25.             //获得总条数   
  26.             int maxNum = dtgkService.getGxsInfoCountByInput(value);   
  27.                
  28.             Paging pag = (Paging)getFellow("gxsPag");   
  29.             pag.setTotalSize(maxNum);   
  30.             final int PAGE_SIZE = pag.getPageSize();   
  31.                
  32.             //显示数据   
  33.             reDramGxsInfo(value, 0, PAGE_SIZE);   
  34.                
  35.             //注册onpaging事件   
  36.             pag.addEventListener("onPaging", new EventListener() {   
  37.                 public void onEvent(Event event) {   
  38.                     PagingEvent pe = (PagingEvent) event;   
  39.                     int pgno = pe.getActivePage();//页数(从零计算)   
  40.                     int start=pgno * PAGE_SIZE;   
  41.                     int end = start+PAGE_SIZE;   
  42. //                  System.out.println("pgno"+pgno+"\tstart+"+start+"\tend"+end);   
  43.                     reDramGxsInfo(value, start, end);   
  44.                 }   
  45.             });   
  46.         }   
  47.                
  48.     }   
  49.        
  50.     public void reDramGxsInfo(String value, int firstNum, int maxNum) {   
  51.         final Listbox gxsBox = (Listbox) this.getFellow("gxsList");   
  52.         gxsBox.getItems().clear();   
  53.         final Bandbox combo = (Bandbox) this.getFellow("gxsmc");   
  54.         ApplicationContext ctx =    
  55.             WebApplicationContextUtils.getRequiredWebApplicationContext(   
  56.                 (ServletContext)getDesktop().getWebApp().getNativeContext());   
  57.            
  58.         DtgkService dtgkService = (DtgkService)ctx.getBean("dtgkService");   
  59.         //根据条件搜索内容   
  60.         List<Map<String, String>> gxsList = dtgkService.getGxsInfoByInput(value,firstNum,maxNum);   
  61.         //填充到listbox中   
  62.         for (Map<String, String> map : gxsList) {   
  63.             Listitem item = new Listitem();   
  64.             Listcell lc = new Listcell();   
  65.             lc.setLabel(map.get("NAME"));   
  66.             lc.setValue(map.get("CODE"));   
  67.             lc.setParent(item);   
  68.             gxsBox.appendChild(item);   
  69.         }   
  70.        
  71.         //为listbox添加select事件,当选中数据后返填到bandbox中   
  72.         gxsBox.addEventListener(Events.ON_SELECT, new EventListener() {   
  73.        
  74.             public void onEvent(Event e) throws Exception {   
  75.                 Listitem item = gxsBox.getSelectedItem();   
  76.                 List<Listcell> cellList = item.getChildren();   
  77.                 for (Listcell lc : cellList) {   
  78.                     combo.setValue(lc.getLabel()+","+lc.getValue());   
  79.                 }   
  80.                 combo.closeDropdown();   
  81.             }});   
  82.     }   
  83.   
  84. }  
public class TestWindow extends Window {

	private static final long serialVersionUID = 1L;
	
	public void initTest(final String value) {
		//这么做有点笨了,主要是怕sql语句报错,dao中也用了PreparedStatementSetter,主要是以防万一
		if (value.contains("'") || value.contains("_")) {
			try {
				Messagebox.show("包含非法字符","提示",Messagebox.OK,Messagebox.INFORMATION);
				return ;
			} catch (InterruptedException e) {
				e.printStackTrace();
			}
		}
		
		//限制输入的条件的长度大于4的时候才去数据查找数据
		if (value.getBytes().length >= 4) {
			//spring
			ApplicationContext ctx = 
				WebApplicationContextUtils.getRequiredWebApplicationContext(
					(ServletContext)getDesktop().getWebApp().getNativeContext());
			
			DtgkService dtgkService = (DtgkService)ctx.getBean("dtgkService");
			
			//获得总条数
			int maxNum = dtgkService.getGxsInfoCountByInput(value);
			
			Paging pag = (Paging)getFellow("gxsPag");
			pag.setTotalSize(maxNum);
			final int PAGE_SIZE = pag.getPageSize();
			
			//显示数据
			reDramGxsInfo(value, 0, PAGE_SIZE);
			
			//注册onpaging事件
			pag.addEventListener("onPaging", new EventListener() {
				public void onEvent(Event event) {
					PagingEvent pe = (PagingEvent) event;
					int pgno = pe.getActivePage();//页数(从零计算)
					int start=pgno * PAGE_SIZE;
					int end = start+PAGE_SIZE;
//					System.out.println("pgno"+pgno+"\tstart+"+start+"\tend"+end);
					reDramGxsInfo(value, start, end);
				}
			});
		}
			
	}
	
	public void reDramGxsInfo(String value, int firstNum, int maxNum) {
		final Listbox gxsBox = (Listbox) this.getFellow("gxsList");
		gxsBox.getItems().clear();
		final Bandbox combo = (Bandbox) this.getFellow("gxsmc");
		ApplicationContext ctx = 
			WebApplicationContextUtils.getRequiredWebApplicationContext(
				(ServletContext)getDesktop().getWebApp().getNativeContext());
		
		DtgkService dtgkService = (DtgkService)ctx.getBean("dtgkService");
		//根据条件搜索内容
		List<Map<String, String>> gxsList = dtgkService.getGxsInfoByInput(value,firstNum,maxNum);
		//填充到listbox中
		for (Map<String, String> map : gxsList) {
			Listitem item = new Listitem();
			Listcell lc = new Listcell();
			lc.setLabel(map.get("NAME"));
			lc.setValue(map.get("CODE"));
			lc.setParent(item);
			gxsBox.appendChild(item);
		}
	
		//为listbox添加select事件,当选中数据后返填到bandbox中
		gxsBox.addEventListener(Events.ON_SELECT, new EventListener() {
	
			public void onEvent(Event e) throws Exception {
				Listitem item = gxsBox.getSelectedItem();
				List<Listcell> cellList = item.getChildren();
				for (Listcell lc : cellList) {
					combo.setValue(lc.getLabel()+","+lc.getValue());
				}
				combo.closeDropdown();
			}});
	}

}

 

step.3---service的方法就两句话,一块贴出来了

Java代码 复制代码
  1. /**  
  2.      * 获取信息,根据输入框的录入  
  3.      * @param value  
  4.      * @param firstNum  
  5.      * @param maxNum  
  6.      * @return  
  7.      */  
  8.     public List<Map<String, String>> getGxsInfoByInput(String value, int firstNum, int maxNum) {   
  9.         return this.userDao.queryGxsByInput(value, firstNum, maxNum);   
  10.     }   
  11.        
  12.     /**  
  13.      * 获取count  
  14.      * @param value  
  15.      * @return  
  16.      */  
  17.     public int getGxsInfoCountByInput(String value) {   
  18.         return this.userDao.queryGxsCountByInput(value);   
  19.     }  
/**
	 * 获取信息,根据输入框的录入
	 * @param value
	 * @param firstNum
	 * @param maxNum
	 * @return
	 */
	public List<Map<String, String>> getGxsInfoByInput(String value, int firstNum, int maxNum) {
		return this.userDao.queryGxsByInput(value, firstNum, maxNum);
	}
	
	/**
	 * 获取count
	 * @param value
	 * @return
	 */
	public int getGxsInfoCountByInput(String value) {
		return this.userDao.queryGxsCountByInput(value);
	}

 

step.4-----dao

Java代码 复制代码
  1. public int queryGxsCountByInput(final String value) {   
  2.         String sql = "SELECT DISTINCT COUNT(*) FROM " +   
  3.             "TABLENAME WHERE CODE LIKE '%"+value+"%' OR NAME LIKE '%"+value+"%'";   
  4.         return this.getJdbcTemplate().queryForInt(sql);   
  5.     }   
  6.   
  7.   
  8. public List<Map<String, String>> queryGxsByInput(final String value, int firstNum, int maxNum) {   
  9.         String sql = "SELECT * FROM (SELECT DISTINCT ROWNUM AS RN, T.CODE,T.NAME FROM " +   
  10.             "TABLENAME T WHERE T.CODE LIKE ? OR T.NAME LIKE ?) WHERE RN>"+firstNum+" AND RN<="+maxNum;   
  11.            
  12.         return this.getJdbcTemplate().query(sql, new PreparedStatementSetter(){   
  13.   
  14.             public void setValues(PreparedStatement pst) throws SQLException {   
  15.                 pst.setString(1, "%"+value+"%");   
  16.                 pst.setString(2, "%"+value+"%");   
  17.                    
  18.             }}, new GxsMapper());   
  19.     }   
  20.        
  21.     protected class GxsMapper implements RowMapper {   
  22.   
  23.         public Object mapRow(ResultSet rs, int rowNum) throws SQLException {   
  24.             Map<String, String> gxsMap = new HashMap<String, String>();   
  25.             gxsMap.put("CODE", rs.getString("CODE"));   
  26.             gxsMap.put("NAME", rs.getString("NAME"));   
  27.                
  28.             return gxsMap;   
  29.         }   
  30.            
  31.     }  
public int queryGxsCountByInput(final String value) {
		String sql = "SELECT DISTINCT COUNT(*) FROM " +
			"TABLENAME WHERE CODE LIKE '%"+value+"%' OR NAME LIKE '%"+value+"%'";
		return this.getJdbcTemplate().queryForInt(sql);
	}


public List<Map<String, String>> queryGxsByInput(final String value, int firstNum, int maxNum) {
		String sql = "SELECT * FROM (SELECT DISTINCT ROWNUM AS RN, T.CODE,T.NAME FROM " +
			"TABLENAME T WHERE T.CODE LIKE ? OR T.NAME LIKE ?) WHERE RN>"+firstNum+" AND RN<="+maxNum;
		
		return this.getJdbcTemplate().query(sql, new PreparedStatementSetter(){

			public void setValues(PreparedStatement pst) throws SQLException {
				pst.setString(1, "%"+value+"%");
				pst.setString(2, "%"+value+"%");
				
			}}, new GxsMapper());
	}
	
	protected class GxsMapper implements RowMapper {

		public Object mapRow(ResultSet rs, int rowNum) throws SQLException {
			Map<String, String> gxsMap = new HashMap<String, String>();
			gxsMap.put("CODE", rs.getString("CODE"));
			gxsMap.put("NAME", rs.getString("NAME"));
			
			return gxsMap;
		}
		
	}

 

 

分享到：
| 隐藏页面滚动条
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网络游戏交易平台信息管理系统--毕业设计.doc

    设计本系统的目的在于创建一个可以帮助网络游戏交易平台准确并且快速的收集、整合 、处理、记录与游戏交易平台相关信息的系统，显然凭借传统的手工管理方式已经无法 正常处理每天巨额的信息量。在本系统的帮助下，...

    起点小说解锁.js

    起点小说解锁.js

    299-煤炭大数据智能分析解决方案.pptx

    299-煤炭大数据智能分析解决方案.pptx

    299-教育行业信息化与数据平台建设分享.pptx

    299-教育行业信息化与数据平台建设分享.pptx

    基于Springboot+Vue酒店客房入住管理系统-毕业源码案例设计.zip

    网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes

    时间复杂度的一些相关资源

    时间复杂度是计算机科学中用来评估算法效率的一个重要指标。它表示了算法执行时间随输入数据规模增长而变化的趋势。当我们比较不同算法的时间复杂度时，实际上是在比较它们在不同输入规模下的执行效率。 时间复杂度通常用大O符号来表示，它描述了算法执行时间上限的增长率。例如，O(n)表示算法执行时间与输入数据规模n呈线性关系，而O(n^2)则表示算法执行时间与n的平方成正比。当n增大时，O(n^2)算法的执行时间会比O(n)算法增长得更快。 在比较时间复杂度时，我们主要关注复杂度的增长趋势，而不是具体的执行时间。这是因为不同计算机硬件、操作系统和编译器等因素都会影响算法的实际执行时间，而时间复杂度则提供了一个与具体实现无关的评估标准。 一般来说，时间复杂度越低，算法的执行效率就越高。因此，在设计和选择算法时，我们通常希望找到时间复杂度尽可能低的方案。例如，在排序算法中，冒泡排序的时间复杂度为O(n^2)，而快速排序的时间复杂度在平均情况下为O(nlogn)，因此在处理大规模数据时，快速排序通常比冒泡排序更高效。 总之，时间复杂度是评估算法效率的重要工具，它帮助我们了解算法在不同输入规模下的性

    安全承诺书-施工(单位版).docx

    5G通信行业、网络优化、通信工程建设资料

    基于Springboot+Vue人口老龄化社区服务与管理平台-毕业源码案例设计.zip

    网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes

    node-v12.22.6-sunos-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    通信工程施工作业现场高危险源控制图集.docx

    5G通信行业、网络优化、通信工程建设资料

    毕设绝技《基于小程序的交友系统的设计与实现》

    《基于小程序的交友系统的设计与实现》是一个融合了小程序技术和社交功能的毕业设计项目。该项目旨在通过开发一款小程序，为用户提供一个便捷、有趣的交友平台，满足用户寻找新朋友、拓展社交圈的需求。 一、项目背景与目标 随着移动互联网的普及，小程序以其轻便、易用的特性受到了广大用户的喜爱。本项目旨在利用小程序技术开发一款交友系统，通过简洁明了的界面设计和丰富多样的社交功能，吸引用户参与并提升用户体验。通过实现这一系统，旨在帮助用户拓展社交圈，增进人际关系，并推动社交领域的创新与发展。 二、系统设计与功能实现 用户注册与登录：系统提供用户注册与登录功能，确保用户信息的真实性和安全性。用户可以通过手机号或第三方社交账号进行注册和登录。 个人资料展示：用户可以在个人资料页面展示自己的基本信息、兴趣爱好、照片等，以便其他用户了解并产生互动。 附近的人：系统通过定位功能展示附近的其他用户，用户可以浏览附近的人的信息，并主动发起聊天或交友请求。 聊天功能：系统提供一对一的聊天功能，用户可以与感兴趣的人进行实时交流，增进彼此的了解。 活动组织：用户可以发起或参与各类线下活动，如聚会、运动、旅行

    安全生产教育培训制度.doc

    5G通信行业、网络优化、通信工程建设资料

    shampoo-sales.csv

    shampoo-sales.csv

    59-《煤矿测量规程(1989版)》150.pdf

    59-《煤矿测量规程(1989版)》150.pdf

    node-v12.18.1-sunos-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    node-v12.22.3-sunos-x64.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    项目代维费报价书.doc

    5G通信行业、网络优化、通信工程建设资料。

    AXIS T864 系列多通道 PoE+ 同轴电缆刀片套件 AXIS T8648 PoE+ 同轴电缆刀片紧凑型套件安装指南

    AXIS T864 系列多通道 AXIS T8646 PoE+ 同轴电缆刀片套件 AXIS T8648 PoE+ 同轴电缆刀片紧凑型套件安装指南

    MATLAB学习个人笔记总结.7z

    MATLAB学习个人笔记总结.7z

    课设&大作业-毕业设计基于SSM的毕业设计论文题目审核及选题管理系统.zip

    【资源说明】【毕业设计】 1、该资源内项目代码都是经过测试运行成功，功能正常的情况下才上传的，请放心下载使用。 2、适用人群：主要针对计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、数学、电子信息等)的同学或企业员工下载使用，具有较高的学习借鉴价值。 3、不仅适合小白学习实战练习，也可作为大作业、课程设计、毕设项目、初期项目立项演示等，欢迎下载，互相学习，共同进步！

Magicbox
Global site tag (gtag.js) - Google Analytics