精华内容
下载资源
问答
  • (加/解密算法自己定义,或者调用调用其他的库)三、实验设计与实现过程一、利用C#创建一个com组件1.1用Visual studio2017创建一个工程image.png1.2在“解决方案资源管理器”里面重命名.cs文件为comtojava.csimage.png...

    一、实验准备

    二、实验目标

    构建一个com组件,该组件可以对一个字符串数组进行加密和解密;(加/解密算法自己定义,或者调用调用其他的库)

    三、实验设计与实现过程

    一、利用C#创建一个com组件

    1.1用Visual studio2017创建一个工程

    bf6841ccd2d5

    image.png

    1.2在“解决方案资源管理器”里面重命名.cs文件为comtojava.cs

    bf6841ccd2d5

    image.png

    1.3工程属性设置

    bf6841ccd2d5

    image.png

    点击“应用程序-程序集信息”,勾选“使程序集COM可见”

    bf6841ccd2d5

    image.png

    点击“生成”,勾选“为COM互操作注册”

    bf6841ccd2d5

    image.png

    点击"签名",勾选为程序集签名,并新建

    bf6841ccd2d5

    image.png

    在新建的窗口中输入密钥名,并取消勾选“使用密码保护密钥文件”

    bf6841ccd2d5

    image.png

    1.3在ComToJava.cs中输入代码,进行对字符串的加密和解密

    bf6841ccd2d5

    image.png

    bf6841ccd2d5

    image.png

    1.4生成两个新的Guid,替换程序代码中的Guid

    点击“工具-创建GUID”

    bf6841ccd2d5

    image.png

    1.5生成解决方案

    bf6841ccd2d5

    image.png

    bf6841ccd2d5

    image.png

    二、利用java调用组件

    2.1注册COM组件至系统

    运行visual studio开发人员命令符(以管理员身份运行)

    cd到ComToJava.dll所在的路径下(即Visual studio工程下的bin-Debug下)

    bf6841ccd2d5

    image.png

    执行:gacutil /i ComToJava.dll 添加dll至全局缓存

    执行:regasm ComToJava.dll 注册dll至系统

    bf6841ccd2d5

    image.png

    运行regedit查看注册表

    bf6841ccd2d5

    image.png

    将附件jacob-1.19文件夹里的jacob-1.19-x64.dll放到目录C:\Windows\System32下

    将附件jacob-1.19文件夹里的jacob-1.19-x86.dll放到目录C:\Windows\SysWOW64下

    2.2用IDEA打开ComToJava工程

    bf6841ccd2d5

    image.png

    2.3导入jacob.jar

    bf6841ccd2d5

    image.png

    2.4配置jdk

    bf6841ccd2d5

    image.png

    2.5修改代码中的相应参数,运行程序(设置加密字符串和解密字符串)

    bf6841ccd2d5

    image.png

    运行程序,得到结果

    bf6841ccd2d5

    image.png

    3、总结与分析

    bf6841ccd2d5

    image.png

    只c#调用com生产解决方案的时候,出现Java无法调用的问题。

    后来发现是生成解决方案时候出现了问题。

    bf6841ccd2d5

    image.png

    解决方案:以管理员身份运行visual studio,重新生成解决方案解决了这一问题。

    展开全文
  • 我有以下父组件。JSimport { Component, OnInit } from '@angular/core';import { TaskService } from '../task.service';import { ViewChild } from '@angular/core/src/metadata/di';import { ...

    我有以下父组件。

    JS

    import { Component, OnInit } from '@angular/core';

    import { TaskService } from '../task.service';

    import { ViewChild } from '@angular/core/src/metadata/di';

    import { CreateNewTaskComponent } from '../create-new-task/create-new-task.component';

    @Component({

    selector: 'task-list',

    templateUrl: './task-list.component.html',

    styleUrls: ['./task-list.component.css']

    })

    export class TaskListComponent implements OnInit {

    tasks = [{}];

    constructor(public taskService: TaskService) {

    debugger;

    this.tasks = taskService.tasks;

    }

    ngOnInit() {

    }

    completeTask(task){

    task.completed = true;

    }

    }

    HTML

    Completed Task List

    Task TitleTask StatusActions
    No Record To Display
    {{task.title}}{{task.completed ? 'Completed' : 'Pending'}}

    Complete

    Edit

    上面是从父组件到子组件的事件绑定调用editTask()。

    以下是子组件

    JS

    import { Component, OnInit } from '@angular/core';

    import { TaskService } from '../task.service';

    @Component({

    selector: 'create-new-task',

    templateUrl: './create-new-task.component.html',

    styleUrls: ['./create-new-task.component.css']

    })

    export class CreateNewTaskComponent implements OnInit {

    task;

    constructor(public taskService: TaskService) {

    this.task = {id:0, title: '', completed: false};

    }

    ngOnInit() {

    }

    createTask(){

    debugger;

    this.task.completed = false;

    this.task.id = this.taskService.tasks.length;

    this.taskService.tasks.push(this.task);

    this.task = {id:0, title: '', completed: false};

    }

    editTask(task){

    alert("Called");

    }

    }

    HTML

    Create New Task


    Save

    现在,当我点击父组件编辑按钮时,我收到以下错误:

    错误TypeError:Object不支持属性或方法'editTask'

    请帮忙!

    展开全文
  • 组件 我这里用UI框架AntPro V4 我这里以父组件打开模态框为例,实现父组件调用组件函数。 importReact,{useState,useEffect,useRef,useCallback}from'react' import{connect}from'umi'; import{...

      父组件 我这里用UI框架AntPro V4 我这里以父组件打开模态框为例,实现父组件调用子组件函数。

     

    import React, { useState,useEffect,useRef,useCallback } from 'react'

    import { connect } from 'umi';

    import { PageHeaderWrapper } from '@ant-design/pro-layout';

    import  LeaveModal  from './components/leaveModal'

    const Leave = (props) =>{

        const ref = useRef();

        const handleLeave = useCallback(() =>{

            ref.current.onVisibleChange()

        })

    // 假期设置

        const columns1 = [

            {

            title: '假期名称',

            width: 120,

            dataIndex: 'name',

            fixed: 'left',

            search:false,

            },

            {

            title: '余额规则',

            width: 120,

            fixed: 'left',

            search:false,

            dataIndex: 'balanceRuleDsc',

            },

            {

            title: '操作',

            key: 'option',

            align:'center',

            width: 80,

            valueType: 'option',

            render: () => [

            <span key="1">

                   // 打开模态框

                <a onClick={handleLeave}>请假规则</a>

            </span>,

            <span key="2">

                <a onClick={handleBalance}>余额规则</a>

            </span>],

            }

        ]

        return (

            <PageHeaderWrapper title={false}>

                <LeaveModal ref={ref} ></LeaveModal>

            </PageHeaderWrapper>

        )

    }

    export default connect(

        ({ checking: { VacationAll,SelectById,SelectBalance }, loading }) => ({

          VacationAll,

          SelectById,

          SelectBalance,

          activitiesLoading: loading.effects['checking/selectVacationAll'],

          selectByIdLoading: loading.effects['checking/selectById'],

          selectBalanceLoading: loading.effects['checking/selectBalance'],

          

          

        }),

      )(Leave);

    子组件

    import React, { useState,useEffect,useRef, useImperativeHandle } from 'react';

    import ProForm, {

        ModalForm,

        ProFormText,

      } from '@ant-design/pro-form';

    const LeaveRule = React.forwardRef((props,ref) => {

        const inputRef = useRef();

        const { itemList } = props

        const [isAble,setIsAble] = useState(false)


     

        const onVisibleChange = (e) => {

            setIsAble(e)

        };

         // 子组件暴露方法

        useImperativeHandle(ref, () => ({

            onVisibleChange: () => {

                onVisibleChange(true)

            }

        }));

        return (

            <>

            <ModalForm

            title="新增工资套"

            ref={inputRef}

            visible={isAble}

            onFinish={async () => {

            //   message.success('提交成功');

              return true;

            }}

            onVisibleChange={onVisibleChange}

          >

            <ProForm.Group>

              <ProFormText

                width="md"

                name="name"

                label="签约客户名称"

                tooltip="最长为 24 位"

                placeholder="请输入名称"

              />

              <ProFormText width="md" name="company" label="我方公司名称" placeholder="请输入名称" />

            </ProForm.Group>

            </ModalForm>

            </>

        )

    })

    export default LeaveRule

    如何您有更好的方法请留言。

    展开全文
  • 常常我们需要组件的拆分,就涉及到父子调用的关系,那么父组件如何调用组件的属性和方法呢?子组件child{{msg}}export default {data () {return {msg: ''}},methods: {fn () {this.msg = ''}}}父组件parentimport...

    常常我们需要组件的拆分,就涉及到父子调用的关系,那么父组件如何调用子组件的属性和方法呢?

    子组件child

    {{msg}}

    export default {

    data () {

    return {

    msg: ''

    }

    },

    methods: {

    fn () {

    this.msg = ''

    }

    }

    }

    父组件parent

    import child from './child'

    export default {

    components: {

    child

    },

    methods: {

    handleClick () {

    this.$refs.child.fn() // 调用子组件的方法

    console.log(this.$refs.child.msg) // 获取子组件的属性

    }

    }

    }

    总结:父组件是通过refs去引用组组件,可以得到子组件的所以属性和方法。

    【vue】父组件主动调用子组件 &sol;&sol;&sol; 非父子组件传值

    一  父组件主动调用子组件: 注意:在父组件使用子组件的标签上注入ref属性,例如:

    React Hooks中父组件中调用子组件方法

    React Hooks中父组件中调用子组件方法 使用到的hooks-- useImperativeHandle,useRef /* child子组件 */ // https://reactjs.org ...

    vue组件之间的通信以及如何在父组件中调用子组件的方法和属性

    在Vue中组件实例之间的作用域是孤立的,以为不能直接在子组件上引用父组件的数据,同时父组件也不能直接使用子组件的数据 一.父组件利用props往子组件传输数据 父组件:

    &lt ...

    Vue父组件如何调用子组件(弹出框)中的方法的问题

    如果子组件是一个弹出框,只有在触发某个点击事件时弹出框才能出现(也就是说在父组件中的子组件使用上用了v-if),那在父组件上如果不点击弹出框是不能获取到$ref的. 原因就是:引用指向的是子组件创建的 ...

    vue 父组件如何调用子组件的函数Methods

    答案就是使用ref即可. beforeDestroy () { // 切换页 ...

    Vue父组件调用子组件的方法

    vue中如果父组件想调用子组件的方法,可以在子组件中加上ref,然后通过this.$refs.ref.method调用,例如: 父组件:

    vue中子组件调用父组件里面的数据和方法 父组件调用子组件的数据和方法

    1.子组件直接调用父组件的数据和方法 在父组件father,vue

    父组件里 ...

    vue中父组件调用子组件函数

    用法: 子组件上定义ref="refName",  父组件的方法中用 this.$refs.refName.method 去调用子组件方法 详解: 父组件里面调用子组件的函数,父组 ...

    随机推荐

    vtkMapper

    本文只是整理了该网页的内容:http://www.cnblogs.com/lizhengjin/archive/2009/08/16/1547340.html vtkMapper是一个抽象类,指定了几 ...

    《前端们,贺老 Live 面试你了!》所引发的思考与实践

    贺老在知乎live中提到了一个这样的问题: 产品经理提出了一个需求:用户点击文章阅读,返回之后阅读其他文章.当用户看得多了,容易点到自己看过的文章,造成时间浪费.所以想给点击过的文章加一个标记,如:& ...

    Ubuntu密码错误的问题

    安装了一个Ubuntu,启动以后进入终端,想su root,提示输入密码,输入了很多次密码(我的用户密码和root密码是一样的),总是Login incorrect. 后来输入了用户名,提示输入密码, ...

    delphi使用outputdebugstring调试程序和写系统日志

    delphi使用outputdebugstring调试程序和写系统日志 procedure TForm1.btn1Click(Sender: TObject); begin OutputDebugSt ...

    层叠上下文&lpar;The stacking context&rpar;

    MDNThe stacking context 层叠上下文是HTML元素的三维概念,这些HTML元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z轴上延伸,HTML元素依据其自身属性按照优 ...

    JQuery知识快览之一—选择器

    阅读指导:本文参考最新的1.10.2版写成,针对用得比较多的1.4版,所有1.5版之后的函数都会注明哪一版新增.对于熟悉1.4版想学1.10版的请直接搜索"新增". JQuery是 ...

    WordPress自定义文章页面模板

    如果想让某个分类的文章页面样式有别于其它分类,我们可以使用自定义的模板的方法实现.例如,我们准备让名称为 WordPress 的分类文章使用有别于其它分类的模板样式, 首先在所用主题根目录新建一个名称 ...

    &lpar;原创&rpar;3&period;2 AddOwner和OverrideMetadata的区别

    1 AddOwner和OverrideMetadata 1.1 分析 从源代码上看,AddOwner函数中调用了OverrideMetadata, 并且把本类和依赖属性的哈希值加入到依赖属性的一张哈希 ...

    Android Phone和Pad UA区别

    很多Android开发者或者网站端都可能会困扰关于如何区分Android phone和Android Pad的ua.确实这个问题很困难,我也曾被困扰了一段时间,后来在Stackoverflow中发现了 ...

    C&plus;&plus;写时钟表

    time函数的运用,输出是没输换行,在流中,就什么的输不出,可以用清流函数,fflush(stdout) 代码 #include#include

    展开全文
  • 组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件调用父级方法来修改父级的参数。看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中的contentText值,并...
  • 创建任务的抽屉需要在多个页面中调用,如果每个页面都要写import然后写html啥的很麻烦,所以决定模仿组件库的this.$message,这种一行调用的方法。 主要功能如下: 1.能给抽屉传值 2.抽屉关闭后有callback函数,方便...
  • Vue3.x中子组件调用组件的方法

    千次阅读 2021-08-07 18:35:49
    文章目录前言一、问题描述二、解决方法1. 问题原因2. 解决办法总结 前言 困难与折磨对于人来说,是一把打向坯料的锤,打...也很庆幸从坑中爬了出来并在此留下记录,本文解决我当时在子组件中如何调用组件中的方法。
  • 没想到第一篇要分享的竟然是前端的内容,在进入项目组之前我所会的只是一些原生的html、js,目前前台最流行的两大框架Vue和React基本没接触过,正式接过来需求之后,因为研发项目组前端人员紧张,我就不得不硬着头皮...
  • 本文我们就和大家详细介绍一下Vue系列(三):...组件可以扩展 HTML 元素,封装可重用的代码组件是自定义元素(对象)2. 定义组件的方式方式1:先创建组件构造器,然后由组件构造器创建组件方式2:直接创建组件/*** 方...
  • 它知道祖父母,但不是有子组件或有多少.原则上,您可以将祖父母的一个实现换成另一个没有多个层的实现.或者有更多的层次来接触孩子.你可以把孩子放到顶级组件中.您已经了解了全球事件总线的概念.不过,公共汽车不一定是...
  • VUE 父组件调用组件弹窗 想搞一个新增编辑弹窗,和列表页面分开 先来一个父组件调用组件弹窗的demo 父组件 <template> <div> <el-button @click="show">按钮</el-button> &...
  • Vue中子组件调用组件的方法,这里有三种方法提供参考 第一种方法是直接在子组件中通过this.$parent.event来调用组件的方法 父组件 Markup <template> <div> <child></child> ...
  •  【父组件】: <template> <div> <span style="color: red">-------------------------------------------</span><br> <span style="color: red">这是父组件页面</span&...
  • react父组件调用组件方法(typescript) Parent.tsx import * as React from 'react' import Child from './Child' class Parent extends React.Component{ public childRef:any = React.createRef(); ...
  • -- teleport 允许我们控制在 DOM 中哪个父节点下呈现 HTML --> <teleport to="body"> <div v-if="modalOpen" class="modal"> <div class="wrapper"> <div class="header"> <b..
  • 1. 父传子 子组件中 Component({ props: { title: { type: String, value: "支付密码验证" }, onConfirm:()=>{} } }
  • 页面中要想使用自定义的组件,主要经过以后几个步骤 1、在index.json中页面中注册组件 ...2、在index.html中使用 <dialog id='dialog' type="right" content='是否登录并继续使用该程序' bind:confirmEvent=
  • ===编写日历一===当calendar.html调用 MYCAL:CALENDAR,当月的日历将会显示在页面中,函数setCal()是主要程序段,它初始化一些变量并调用drawCal()函数。我们也使用了三个别的函数:getMonthName()、 getDays() 和 ...
  • 涉及到组件之间的通信的问题,组件之间的通信可以分为以下几种:父子组件传递,父向子传递采用 props,...父子组件相互通信方法详情子组件通过 $emit 调用组件的 method//父组件中定义@updateInfo调用的方法metho...
  • 以为不能直接在子组件上引用父组件的数据,同时父组件也不能直接使用子组件的数据一、父组件利用props往子组件传输数据父组件://注意传递参数时要用—代替驼峰命名,HTML不区分大小写子组件:Vue.component('child'...
  • //父组件 <template> <div class="home"> <HelloWorld ref="mychild"></HelloWorld> <div @click="clickParent">click me</div> </div> </template> <...
  • 其中的detail函数调用了子组件Modal的show()方法。其中使用了@ts-ignore注解抑制报错,原因未知。 import {Component, OnInit, ViewChild} from '@angular/core'; import {ModalComponent} from "./modal/modal....
  • 一.html文件中引入的iframe标签1.在父html中调用子iframe html 中的事件通过contentwindow属性document.getElementById("myiframe").contentWindow.myfunc()其中 myiframe 为当前的iframe的id, myfunc为iframe html...
  • 组件 import React, { Component } from 'react' import { Wrapper, ContentWrapper, ScrollWrapper } from './style'; import { observer, inject } from 'mobx-react'; import PageSelect from '@c/pageSelect...
  • [组件]Vue子组件调用组件方法、传值和校验阐述编写计数器案例子组件调用组件事件子组件向父组件传递参数对传递值的校验 阐述 前面我们讲了单项数据流的概念,这节学习一下子组件如何通过事件向父组件传递参数,...
  • h3> <hr> <login ref="myLogin">login> div> <template id="t1"> 登录组件h1> template> <script> var login = { template: '#t1', data() { son: 'age' }, methods: { show() { console.log('调用组件的方法!...
  • VS2010调用Com组件

    2021-02-06 16:20:15
    现在基于该文章创建的Com组件接口,创建VC++项目来调用该接口。使用流程新建win32控制台项目。主文件代码如下:#include "stdafx.h"#include "../testCom/testCom_i.h"#include "../testCom/te...
  • 问题:已经正确引入组件了,就是无法调用组件函数 父组件: 子组件: 报错 打印的this.$ref:(可以看到有show()函数的) 一切都很完美,就是哪里出了问题?就是没有取到 找啊找,然后就百度到啦...
  • 1.打开html开发工具,新建一个html代码页面,然后在页面上创建一个标签,同时给这个设置id为app。2.引入vue.js库。在标签结束前面使用引入vue.js文件。3.创建vue挂载点。在vue.js引入文件后面新建一个标签,用于...
  • 组件 wxml <button size="default" bindtap="handleSonClick" bindtap="handSonClick">子组件</button> js // components/children/nav.js Component({ /** * 组件的属性列表 */ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 469,849
精华内容 187,939
关键字:

html调用组件