页面在多系统应用中同步

最新推荐文章于 2021-06-29 11:11:00 发布
最新推荐文章于 2021-06-29 11:11:00 发布
阅读量123 收藏
点赞数
分类专栏： j2ee freeMarker

业务场景：

         用户去银行营业厅办理的业务时 需要在预处理机上面填写代办业务信息或者之前在 网上预约系统填写过就可以到柜员直接办理业务。

涉及到预处理机 和 网上预约系统 两个系统，如何在开发的时候同步它们共同的业务数据也就是页面可以提供开发效率。

以及在每个系统中提取公用页面比如 formEdit.jsp (填写页面)与formConfirm.jsp  (显示页面)

 

 

以fromEdit.jsp为例：

在公用页面fromEdit.jsp页面加入jsp定义的标签<mct:form ，formConfig.template 没不同的页面模板，formObject不同模板的业务数据

 

 

<div class="centerdd" style="width:780px">
			<div id="formContent1">
			<c:if test="${!empty(formObject)}">
			<mct:form formObject="${formObject}" template="${formConfig.template}"/>
			</c:if>
			</div>
		 
		</div>

 

<mct:form 定义：

 

/**
 * 表单模板输入标签。该标签输出基于 FreeMarker 的模板。
 * 
 *   
 */
public class FormTemplateTag extends TagSupport
{
    /**
     * 表单对象
     */
    Object formObject;
    
    /**
     * 模板名称
     */
    String template; 
    
    /**
     * 
     */
    private static final long serialVersionUID = 7318973001234606567L;

    public FormTemplateTag()
    {
    }

    public int doStartTag()
    {
        Configuration conf = new Configuration();
        conf.setClassForTemplateLoading(FormTemplateTag.class, "/templates/");
        
        try
        {
            Template t = conf.getTemplate(template, "UTF-8");
            Map<String, Object> root = new HashMap<String, Object>();
            Object tempFormObject = formObject;
            if (formObject instanceof String)
            {
                Object realObj = pageContext.getAttribute((String) formObject);
                tempFormObject = realObj;
            }
            
            if (!(tempFormObject instanceof FormContentObject))
                throw new RuntimeException("Invalid form object: A FormContentObject is expected.");
            
            root.put("formObject", tempFormObject);
            root.put("environment", getEnvironment());
            
            t.process(root, this.pageContext.getOut());
        }
        catch (IOException e)
        {
            e.printStackTrace();
        }
        catch (TemplateException e)
        {
            e.printStackTrace();
        }
        
        return Tag.SKIP_BODY;
    }

    //字典数据 
    private Object getEnvironment()
    {
        Map<String, Object> environment = new HashMap<String, Object>();
        environment.put("currencyTypes", Constants.CURRENCY.entrySet());
        environment.put("corporationTypes", Constants.CORPACCOUNTTYPE.entrySet());
        environment.put("credentialTypes", Constants.CREDENTIALTYPE.entrySet());
        environment.put("industries", Constants.INDUSTRYCLASSIFICATION.entrySet());
        environment.put("corpAccountTypes", Constants.CORPACCOUNTTYPE.entrySet());
        environment.put("nationality", Constants.NATIONALITY.entrySet());
        
        
        
        return environment;
    }

    public Object getFormObject()
    {
        return formObject;
    }

    
    public void setFormObject(Object formObject)
    {
        this.formObject = formObject;
    }
    
    public String getTemplate()
    {
        return template;
    }
    
    
    public void setTemplate(String template)
    {
        this.template = template;
    }
}

 

 

业务数据配置文件forms.xml：

 

<?xml version="1.0" encoding="UTF-8"?>
<forms>

   
  <!-- ===================================== -->
  <!-- 对公业务表单定义  -->
  <!-- ===================================== -->
  <form name="corporationOpenAccount" productId="1" productType="对公">
  	<template state="edit" id="corporationOpenAccountEdit" name="对公结算账户开户" description="请输入您的对公账户开户信息" templatePath="corporation/openAccount/corporationOpenAccountEdit.html" formObjectCreator="com.ibm.banking.mct.form.ext.CorporationOpenAccountFormBuilder" />
  	<template state="confirm" id="corporationOpenAccountConfirm" name="对公结算账户开户" description="请确认您的对公账户开户信息" templatePath="corporation/openAccount/corporationOpenAccountConfirm.html" formObjectCreator="com.ibm.banking.mct.form.ext.CorporationOpenAccountFormBuilder" />
  </form>

  <form name="corporationOnlineBankingApp" productId="111" productType="对公">
  	<template state="edit" id="corporationOnlineBankingAppEdit" name="对公网银开户申请单" description="请输入您的对公网银开户申请信息" templatePath="corporation/onlineBankingApp/corporationOnlineBankingAppEdit.html" formObjectCreator="com.ibm.banking.mct.form.ext.CorporationOnlineBankingAppFormBuilder" />
  	<template state="confirm" id="corporationOnlineBankingAppConfirm" name="对公网银开户申请单" description="请确认您的对公账户开户信息" templatePath="corporation/onlineBankingApp/corporationOnlineBankingAppConfirm.html" formObjectCreator="com.ibm.banking.mct.form.ext.CorporationOnlineBankingAppFormBuilder" />
  </form>


  <!-- ===================================== -->
  <!-- 对私业务表单定义  -->
  <!-- ===================================== -->
  <form name="largeCashWithdrawal" productId="18" productType="对私">
  	<template state="edit" id="largeCashWithdrawalEdit" name="大额取现" description="请输入您的大额取现信息" templatePath="personal/largeCashWithdraw/largeCashWithdrawalEdit.html" formObjectCreator="com.ibm.banking.mct.form.ext.DefaultFormObjectBuilder" />
  	<template state="confirm" id="largeCashWithdrawalConfirm" name="大额取现" description="请确认您的大额取现信息" templatePath="personal/largeCashWithdraw/largeCashWithdrawalConfirm.html" formObjectCreator="com.ibm.banking.mct.form.ext.DefaultFormObjectBuilder" />
  </form>

  <form name="onsiteTransfer" productId="177" productType="对私">
  	<template state="edit" id="onsiteTransferEdit" name="行内转账" description="请输入行内转账信息" templatePath="personal/onsiteTransfer/onsiteTransferEdit.html" formObjectCreator="com.ibm.banking.mct.form.ext.DefaultFormObjectBuilder" />
  	<template state="confirm" id="onsiteTransferConfirm" name="行内转账" description="请确认您行内转账信息" templatePath="personal/onsiteTransfer/onsiteTransferConfirm.html" formObjectCreator="com.ibm.banking.mct.form.ext.DefaultFormObjectBuilder" />
  </form>

  <form name="personalOpenAccount" productId="137" productType="对私">
  	<template state="edit" id="personalOpenAccountEdit" name="个人账户开户及综合服务申请表" description="请输入您的开户信息" templatePath="personal/openAccount/personalOpenAccountEdit.html" formObjectCreator="com.ibm.banking.mct.form.ext.PersonalAccountOpenFormBuilder" />
  	<template state="confirm" id="personalOpenAccountConfirm" name="个人账户开户及综合服务申请表" description="请输入您的开户信息" templatePath="personal/openAccount/personalOpenAccountConfirm.html" formObjectCreator="com.ibm.banking.mct.form.ext.PersonalAccountOpenFormBuilder" />
  </form>

</forms>

 

 

 

 

 

业务构造设计：

 

/**
 * FormObjectBuilder 创建器，用于创建 FormContentObject
 * 
 *
 *
 */
public interface FormObjectBuilder
{
    /**
     * 创建出 FormContentObject
     * @return
     */
    public FormContentObject create();
    
    /**
     * 创建出 FormContentObject 并提供 Context
     * @param context
     * @return
     */
    public FormContentObject create(Map<String, Object> context);
}

 

 

public class DefaultFormObjectBuilder implements FormObjectBuilder
{
    @Override
    public FormContentObject create()
    {
        FormContentObject object = new FormContentObject();

        Field[] fields = FormContentObject.class.getDeclaredFields();
        for (Field f : fields)
        {
            try
            {
                if (Modifier.isFinal(f.getModifiers())) continue;
                Class<?> fieldClass = f.getType();
                Object value = fieldClass.newInstance();
                f.setAccessible(true);
                f.set(object, value);
            }
            catch (Exception e)
            {
                System.err.println("Error when setting field: " + f.getName());
                continue;
            }
        }
        return object;
    }

    @Override
    public FormContentObject create(Map<String, Object> context)
    {
        return create();
    }

}

 

 

public class CorporationOnlineBankingAppFormBuilder implements FormObjectBuilder
{

    @Override
    public FormContentObject create()
    {
        FormContentObject object = new FormContentObject();
        CorporationOnlineBankingAppForm form = new CorporationOnlineBankingAppForm();
        object.setCorporationOnlineBankingAppForm(form);
        return object;
    }

    @Override
    public FormContentObject create(Map<String, Object> context)
    {
        CorporationCustomerInfo corporation = (CorporationCustomerInfo) context.get(ActionConstants.SESSION_CORPORATION_INFO);
        if (corporation != null)
        {
            FormContentObject object = new FormContentObject();
            CorporationOnlineBankingAppForm form = BeanUtility.createAndMapping(CorporationOnlineBankingAppForm.class, corporation);
            object.setCorporationOnlineBankingAppForm(form);
            return object;
        }
        
        return create();
    }

 

 

 

public class CorporationOpenAccountFormBuilder implements FormObjectBuilder
{

    @Override
    public FormContentObject create()
    {
        FormContentObject object = new FormContentObject();
        
        CorporateAccountOpenForm form = new CorporateAccountOpenForm();
        object.setCorporateAccountOpenForm(form);
        return object;
    }

    @Override
    public FormContentObject create(Map<String, Object> context)
    {
        CorporationCustomerInfo corporation = (CorporationCustomerInfo) context.get(ActionConstants.SESSION_CORPORATION_INFO);
        if (corporation != null)
        {
            CorporateAccountOpenForm form = BeanUtility.createAndMapping(CorporateAccountOpenForm.class, corporation);
            FormContentObject object = new FormContentObject();
            object.setCorporateAccountOpenForm(form);
            return object;
        }
        
        return create();
    }

}

 

 

初始化数据：

 

/**
 * 表单模板配置，规则如下：
 * 
 * 每个表单被分配一个名字，如：corporationOpenAccount
 * 每个表单模板也有一个名字，如：corporationOpenAccountEdit
 * 
 * 表单目前有两种状态，一种是编辑 (edit) 状态，一种是确认状态 (confirm)
 * 提取表单那模板时，需要提供表单名和状态作为参数，然后可以获取到某个具体的模板。
 * 
  *
 */
public class FormTemplateConfig
{   
    public static final String STATE_EDIT = "edit";
    public static final String STATE_CONFIRM = "confirm";
    String formId;
    String name;
    String productId;
    String productType;
    String description;
    String template;
    FormObjectBuilder formObjectBuilder;
    
    static Map<String, FormTemplateConfig> configs = new HashMap<String, FormTemplateConfig>(); 
    static Map<String, Form> formConfigs = new HashMap<String, Form>();
    static 
    {
        InputStream is = FormTemplateConfig.class.getResourceAsStream("/forms.xml");
        FormList formList = JAXBHelper.unmarshal(is, FormList.class);
        
        for (Form form: formList.getFormList())
        {
            formConfigs.put(form.getProductId(), form);
            List<Template> templates = form.getTemplateList();
            for (Template template: templates)
            {
                String templateKey = form.getName() + "_" + template.getState();
                FormObjectBuilder builder = createFormObjectBuilder(template.getFormObjectCreator());
                FormTemplateConfig config = new FormTemplateConfig(
                       template.getId(),
                       template.getName(),
                       form.getProductId(),
                       form.getProductType(),
                       template.getDescription(),
                       template.getTemplatePath(),
                       builder
                );
                
                configs.put(templateKey, config);
            }
        }
    }
    
    static 
    {
//        //========================================================================
//        // 对公业务表单定义
//        //========================================================================
//        
//        //
//        // 对公结算账户开户 
//        //
//        configs.put("corporationOpenAccount_edit", 
//                new FormTemplateConfig(
//                    "corporationOpenAccountEdit", 
//                    "对公结算账户开户", 
//                    "111", 
//                    "对公",
//                    "请输入您的对公账户开户信息", 
//                    "corporation/openAccount/corporationOpenAccountEdit.html", 
//                    new CorporationOpenAccountFormBuilder()));
//        configs.put("corporationOpenAccount_confirm", 
//                new FormTemplateConfig(
//                    "corporationOpenAccountConfirm", 
//                    "对公结算账户开户", 
//                    "111", 
//                    "对公",
//                    "请确认您的对公账户开户信息", 
//                    "corporation/openAccount/corporationOpenAccountConfirm.html", 
//                    new CorporationOpenAccountFormBuilder()));
//
//        //
//        // 对公网银开户 
//        //
//        configs.put("corporationOnlineBankingApp_edit", 
//                new FormTemplateConfig(
//                    "corporationOnlineBankingAppEdit", 
//                    "对公网银开户申请单", 
//                    "111", 
//                    "对公",
//                    "请输入您的对公网银开户申请信息", 
//                    "corporation/onlineBankingApp/corporationOnlineBankingAppEdit.html", 
//                    new CorporationOnlineBankingAppFormBuilder()));
//        configs.put("corporationOnlineBankingApp_confirm", 
//                new FormTemplateConfig(
//                    "corporationOnlineBankingAppConfirm", 
//                    "对公网银开户申请单", 
//                    "111", 
//                    "对公",
//                    "请确认您的对公网银开户申请信息", 
//                    "corporation/onlineBankingApp/corporationOnlineBankingAppConfirm.html", 
//                    new CorporationOnlineBankingAppFormBuilder()));
//        
//        //========================================================================
//        // 对私业务表单定义
//        //========================================================================
//        
//        //
//        // 大额取现
//        //
//        configs.put("largeCashWithdrawal_confirm", 
//                new FormTemplateConfig(
//                    "largeCashWithdrawalConfirm", 
//                    "大额取现", 
//                    "111", 
//                    "对私",
//                    "请确认您的大额取现信息", 
//                    "personal/largeCashWithdraw/largeCashWithdrawalConfirm.html", 
//                    new DefaultFormObjectBuilder()));
//        configs.put("largeCashWithdrawal_edit", 
//                new FormTemplateConfig(
//                    "largeCashWithdrawalEdit", 
//                    "大额取现", 
//                    "111", 
//                    "对私",
//                    "请输入您的大额取现信息", 
//                    "personal/largeCashWithdraw/largeCashWithdrawalEdit.html", 
//                    new DefaultFormObjectBuilder()));
//        
//        //
//        // 行内转账
//        // 
//        configs.put("onsiteTransfer_confirm", 
//                new FormTemplateConfig(
//                    "onsiteTransferConfirm", 
//                    "行内转账", 
//                    "111", 
//                    "对私",
//                    "请确认您行内转账信息", 
//                    "personal/onsiteTransfer/onsiteTransferConfirm.html", 
//                    new DefaultFormObjectBuilder()));
//        configs.put("onsiteTransfer_edit", 
//                new FormTemplateConfig(
//                    "onsiteTransferEdit", 
//                    "行内转账", 
//                    "111", 
//                    "对私",
//                    "请输入您的行内转账信息", 
//                    "personal/onsiteTransfer/onsiteTransferEdit.html", 
//                    new DefaultFormObjectBuilder() ));
//        
//        //
//        // 个人账户开户及综合服务申请表
//        // 
//        configs.put("personalOpenAccount_edit", 
//                new FormTemplateConfig(
//                    "personalOpenAccountEdit", 
//                    "个人账户开户及综合服务申请表", 
//                    "111", 
//                    "对私",
//                    "请输入您的开户信息", 
//                    "personal/openAccount/personalOpenAccountEdit.html", 
//                    new PersonalAccountOpenFormBuilder() ));
//        configs.put("personalOpenAccount_confirm", 
//                new FormTemplateConfig(
//                    "personalOpenAccountConfirm", 
//                    "个人账户开户及综合服务申请表", 
//                    "111", 
//                    "对私",
//                    "请输入您的开户信息", 
//                    "personal/openAccount/personalOpenAccountConfirm.html", 
//                    new PersonalAccountOpenFormBuilder() ));
    }
    
    /**
     * 根据表单ID和表单状态获取表单模板配置
     * @param formId
     * @param formState
     * @return
     */
    public static FormTemplateConfig getConfig(String formId, String formState)
    {
        return configs.get(formId + "_" + formState);
    }
    
    /**
     * 根据产品 ID 获取 Form 配置
     * @param productId
     * @return
     */
    public static Form getForm(String productId)
    {
        return formConfigs.get(productId);
    }
    
    /**
     * 根据产品ID 获取 Form 名
     * @param productId
     * @return
     */
    public static String getFormName(String productId)
    {
        Form form = getForm(productId);
        if (form == null) throw new RuntimeException("No form is found for product id: " + productId);
        
        return form.getName();
    }
    
    @SuppressWarnings("unchecked")
    private static FormObjectBuilder createFormObjectBuilder(String formObjectCreatorClassName)
    {
        try
        {
            Class<FormObjectBuilder> builderClass = (Class<FormObjectBuilder>) Class.forName(formObjectCreatorClassName);
            return builderClass.newInstance();
        }
        catch (Throwable e)
        {
            e.printStackTrace();
            return new DefaultFormObjectBuilder();
        }
    }

    FormTemplateConfig(String formId, String name, String productId, String productType, String description, String template, FormObjectBuilder builder)
    {
        this.formId = formId;
        this.name = name;
        this.productId = productId;
        this.productType = productType;
        this.description = description;
        this.template = template;
        this.formObjectBuilder = builder;
    }
    
    public String getFormId()
    {
        return formId;
    }
    
    public void setFormId(String formId)
    {
        this.formId = formId;
    }
    
    public String getName()
    {
        return name;
    }
    
    public void setName(String name)
    {
        this.name = name;
    }
    
    public String getDescription()
    {
        return description;
    }
    
    public void setDescription(String description)
    {
        this.description = description;
    }
    
    public String getTemplate()
    {
        return template;
    }
    
    public void setTemplate(String template)
    {
        this.template = template;
    }

    
    public String getProductId()
    {
        return productId;
    }

    
    public void setProductId(String productId)
    {
        this.productId = productId;
    }

    
    public FormObjectBuilder getFormObjectBuilder()
    {
        return formObjectBuilder;
    }

    
    public void setFormObjectBuilder(FormObjectBuilder formObjectBuilder)
    {
        this.formObjectBuilder = formObjectBuilder;
    }

    
    public String getProductType()
    {
        return productType;
    }

    
    public void setProductType(String productType)
    {
        this.productType = productType;
    }
    
    public static void main(String[] args) throws IOException
    {
        InputStream is = FormTemplateConfig.class.getResourceAsStream("/forms.xml");
        System.out.println(is);
        if (is == null) throw new RuntimeException("No resource is found.");
//        ByteArrayOutputStream out = new ByteArrayOutputStream();
//        int count = 0;
//        byte[] buf = new byte[1024];
//        while (count >=0)
//        {
//            count = is.read(buf);
//            if (count > 0) out.write(buf, 0, count);
//        }
//        System.out.println(out.toString());
//        
//        is.reset();
        FormList forms = JAXBHelper.unmarshal(is, FormList.class);
        
        System.out.println(forms.getFormList().size());
    }
}

 

 

 

 

 

 

 

 

 

 

iteye_11637
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html多个子页显示在一个页面,html多个html页面嵌套在一起
weixin_39882394的博客
06-03 5858
vue为什么要用vue传统的网页形式是浏览器脚本语言js连接了各种各样的Html，css，但缺乏正规的组织形式，比如在页面元素非常多，结构很庞大的网页中，数据和视图如果全部混杂在一起，像传统开发一样全部混合在HTML中，那么要对它们进行处理会十分的费劲，并且如果其中有几个结构之间存在藕断丝连的关系，那么会导致代码上出现更大的问题，比如juqery中使用的$('#xxx').parent().par...
AJAX技术在学生收费系统中的应用研究
04-16
在AJAX之前，Web开发中采用的是同步交互方式，如JSP,但其后果是客户端必须一直等待服务器的响应，以至于冻结页面，有时用户不得不离开访问页面。在此研究了基于AJAX异步刷新而提供与服务器异步通信的能力，从而使...
html5两个网页同步,基于HTML5网页的在线同步交流系统的制作方法
weixin_36068140的博客
06-18 865
技术特征：1.一种基于html5网页的服务人员与客户之间针对方案的在线同步交流系统，其特征在于，所述系统包括：服务端，包括第一服务模块和第二服务模块；所述第一服务模块用于为第一客户端和第二客户端提供针对相同或相关目标网页的web访问服务；所述目标网页为服务人员向客户提供的服务方案，所述目标网页包括预置入的js库，所述js库通过其同步函数与第二服务模块建立通讯连接；所述第二服务模块接收第一客户端和第...
html输入框同步,同步文本框内容JS代码实现
weixin_42315966的博客
06-05 440
本文实例为大家分享了同步文本框内容JS代码，供大家参考，具体内容如下图例1function addEvent(eventHandler){var tags = document.getElementsByTagName('input');for(var i=0;i{if(tags[i].getAttribute('url') == 'true'){if(tags[i].addEventListen...
html编辑同步,同步HTML运行画面与编辑画面的方法及实现该方法的程序与流程
weixin_39867066的博客
06-29 560
技术特征：1.一种网页编辑程序的画面同步方法，其为基于所见即所得的网页编辑程序使编辑画面与运行画面同步的方法，所述方法包括以下步骤：生成源代码后，通过所述源代码生成基础文档对象模型，并向存在于所述基础文档对象模型内的每个组件赋予标签；在所述基础文档对象模型适用java脚本或者css来生成视图文档对象模型，并利用所述视图文档对象模型将编辑画面以第一层的形式生成；在所述编辑画面中设置第二层，所述第二层...
golang 多级json生成 地区列表
fareast_mzh的博客
04-02 1935
golang map用法https://ashitani.jp/golangtips/tips_map.html * map.go package main import ( "encoding/json" "log" "fmt" ) func main() { var provinceList []interface{} var districtList []int...
HTML5项目笔记8：使用HTML5 的跨域通信机制进行数据同步
weixin_30376163的博客
05-28 80
离线应用系统的设计目标就是在网络离线情况下依然可以操作我们的应用系统，并在网络畅通的情况下与服务器进行数据交互。 所以离线应用系统最终会做成类似C/S架构的客户端应用程序。这边基于Chrome或者Safari浏览器的WebApplication（Web应用程序插件）无疑是最好的选择。 这边以Chrome的WebApplication为例，离线系统做成Web应用程序之后，与...
Vue单页应用中的同步ajax请求
qq_37457564的博客
10-03 2043
1.什么是Vue的单页应用 传统的后台管理系统有很多功能模块，需要写很多网页。我们可以使用Vue，通过vue的路由和组件功能，只写一个页面就可以完成一个管理系统。 2.axios的使用 //1.需要引入的依赖 import axios from 'axios' //2.可以对axios做一些配置 axios.defaults.baseURL = “xxx”; // 设置axios的基...
单页面应用程序
IT乌托邦官方博客
08-16 5544
单页应用程序 一个单页的应用程序（SPA）是一个Web应用程序或网站，一个单一的适合网页与提供的目标用户体验类似于的桌面应用程序。在SPA中，通过单个页面加载检索所有必需的代码（HTML，JavaScript和CSS）[1]，或者根据需要动态加载适当的资源并将其添加到页面，通常是响应于用户操作。页面不会在进程中的任何一点重新加载，也不会将传输转移到另一个页面，尽管可以使用
JAVA多线程之并发与同步，Lock与Syncronized
热门推荐
csdn_aiyang的博客
03-23 2万+
说到线程，就不得不先说线程和进程的关系。进程是系统的执行单位，一般一个应用程序即是一个进程，程序启动时系统默认有一个主线程，即是UI线程，我们知道不能做耗时任务，否则ANR程序无响应。这时需要借助子线程实现，即多线程。由于线程是系统CPU的最小单位，用多线程其实就是为了更好的利用cpu的资源。一、多线程创建方式//线程休眠1000毫秒，sleep使线程进入Block状态，并释放资源xx.start();//启动线程，run函数运行@Override@Override。
单页面和多页面开发及应用
10-13
它允许开发人员在一个框架中通过常用的习惯用语和最佳实践来创建可伸缩的单页面应用程序。该框架提供丰富的对象模型、声明性双向数据绑定、计算属性，Handlebars.js提供的自动更新模板，以及一个路由器管理应用程序...
嵌入式系统/ARM技术中的基于Ajax技术的Web 2.0开发应用
11-08
0 引言 　随着互联网的不断发展和信息量的剧增，如何使Web响应... and XML)的Web 2.0技术改变原有的同步交互为异步交互方式，使页面在后台按需获取数据，这样不仅节省了带宽，更加大大提升了用户体验。 　Ajax是新兴
简单谈谈React中的路由系统
12-10
React中的路由系统 提起路由，首先想到的就是 ASPNET MVC 里面的...react-router的最新版本是v4.1.1，由于4.0版本和之间的版本API变化较大，所以本篇文章的内容并不能应用到之前的版本中。 要注意 react-router 有 re
redmine_tracker:多平台应用程序可跟踪时间并将其同步到Redmine中
05-28
在安装完Redmine服务器和API令牌后，您可以在“ My account页面上找到您的API令牌。 对Linux的要求 对于Linux，必须安装libsecret库。 使用该库是为了安全地存储设置。 sudo apt-get install libsecret-1-dev OS ...
html插件多个页面同步,html_reuse: 最近做的一些静态页面，经常需要反复修改，例如页面顶部和底部这些区域，相同的代码，却需要一个个页面打开去修改a标签的跳转，页面层级不一样还要注意是../...
weixin_39535752的博客
06-04 283
html_reuse项目介绍最近做的一些静态页面，经常需要反复修改，例如页面顶部和底部这些区域，相同的代码，却需要一个个页面打开去修改a标签的跳转，页面层级不一样还要注意是../还是./。一旦改错了，就等于做了无用功，回头还要一个个去检查。这样耗费的时间和精力实在是太多了。因此就有了本文的思考，很幸运目前已有gulp-file-include这样的插件去实现html的复用，减少我们的修改维护成本。...
vue3.2+ts+vite+admin 开发的admin管理系统模板
05-07
vue3.2+ts+vite+admin 开发的admin管理系统模板
chromedriver-win64-124版本浏览器驱动
05-07
自动化测试工具selenium使用的浏览器驱动下载 chromedriver驱动压缩包 Java web 自动化测试工具需要使用的chromedriver浏览器驱动
node-v8.1.0-darwin-x64.tar.xz
05-07
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提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
2. Power Query 逆透视&分组依据.xlsx
最新发布
05-07
2. Power Query 逆透视&分组依据.xlsx
java 多线程 电商应用 示例
07-24
1. 订单处理：在电商应用中，订单处理可能涉及到多个步骤，例如验证订单信息、扣款、库存更新、生成发货单等。使用多线程可以将这些步骤并行处理，提高订单处理的效率。 2. 并发访问限制：为了保护系统资源和提高...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值