庚中
庚中

案例:使用vue开发微信机器人聊天(附完整源码)

先看效果:
案例:使用vue开发微信机器人聊天(附完整源码)_第1张图片
实现过程:


<html>

<head>
    <meta charset="UTF-8">
    <title>HTML5模拟微信聊天界面title>
    <style>
        /**重置标签默认样式*/

        * {
            margin: 0;
            padding: 0;
            list-style: none;
            font-family: '微软雅黑'
        }

        #container {
            width: 450px;
            height: 780px;
            background: #eee;
            margin: 80px auto 0;
            position: relative;
            box-shadow: 20px 20px 55px #777;
        }

        .header {
            background: #000;
            height: 40px;
            color: #fff;
            line-height: 34px;
            font-size: 20px;
            padding: 0 10px;
        }

        .footer {
            width: 430px;
            height: 50px;
            background: #666;
            position: absolute;
            bottom: 0;
            padding: 10px;
        }

        .footer input {
            width: 360px;
            height: 45px;
            outline: none;
            font-size: 20px;
            text-indent: 10px;
            position: absolute;
            border-radius: 6px;
            right: 80px;
        }

        .footer span {
            display: inline-block;
            width: 62px;
            height: 48px;
            background: #ccc;
            font-weight: 900;
            line-height: 45px;
            cursor: pointer;
            text-align: center;
            position: absolute;
            right: 10px;
            border-radius: 6px;
        }

        .footer span:hover {
            color: #fff;
            background: #999;
        }

        /* #user_face_icon {
            display: inline-block;
            background: red;
            width: 60px;
            height: 60px;
            border-radius: 30px;
            position: absolute;
            bottom: 6px;
            left: 14px;
            cursor: pointer;
            overflow: hidden;
        } */

        img {
            width: 60px;
            height: 60px;
        }

        .content {
            font-size: 20px;
            width: 435px;
            height: 662px;
            overflow: auto;
            padding: 5px;
        }

        .content li {
            margin-top: 10px;
            padding-left: 10px;
            width: 412px;
            display: block;
            clear: both;
            overflow: hidden;
        }

        .content li img {
            float: left;
        }

        .content li span {
            background: #7cfc00;
            padding: 10px;
            border-radius: 10px;
            float: left;
            margin: 6px 10px 0 10px;
            max-width: 310px;
            border: 1px solid #ccc;
            box-shadow: 0 0 3px #ccc;
        }

        .content li img.imgleft {
            float: left;
        }

        .content li img.imgright {
            float: right;
        }

        .content li span.spanleft {
            float: left;
            background: #fff;
        }

        .content li span.spanright {
            float: right;
            background: #7cfc00;
        }
    style>

head>

<body>
    <div id="container">
        <div class="header">
            <span style="float: left;">微信聊天界面span>
            <span style="float: right;">14:21span>
        div>
        <ul class="content">
            <li v-for="(item, index) in messageList" >
              
                <img :src="'./img/'+(item.isSelf?'r.png':'l.png')" :class="'img'+(item.isSelf?'right':'left')">
                <span :class="'span'+(item.isSelf?'right':'left')">{{item.message}}span>
            li>
        ul>
        <div class="footer">
            
            <input id="text" type="text" placeholder="说点什么吧..." v-model="inputValue" @keyup.enter="chat">
            
            <span id="btn" @click="chat">发送span>
        div>
    div>
    
    <script src="./lib/vue.js">script>
    
    <script src="./lib/jquery-1.12.4.min.js">script>
    
    <script>
        /* 
        思路分析:
        一.定义聊天信息数组格式
    
        [
            {
             message:'',
             isSelf:true(自己)/false(机器人)
            }
        ]
        
        二.获取自己输入内容,将内容渲染到页面
    
    
        三.获取机器人接口内容,也将内容渲染到页面
        
        
         */

        //一:

        let app = new Vue({
            el: "#container",
            data: {
                //输入内容,双向数据绑定
                inputValue: '',
                //聊天窗口内容
                messageList: []
            },
            methods: {
                chat() {
                    // console.log(this.inputValue);
                    // console.log(this);
                    // 二.获取自己输入内容,将内容渲染到页面
                    this.messageList.push({
                        message: this.inputValue,
                        isSelf: true
                    })
                    // 三.获取机器人接口内容,也将内容渲染到页面
                    $.ajax({
                        url:'http://www.tuling123.com/openapi/api',
                        data:{
                            userid:1,//添加id,实现上下文连贯
                            key:'b6ef78a0c1f24fee90d2317139b9c3d5',
                            info:this.inputValue

                        },
                        // 注意使用箭头函数,不然里面的this会发生变化
                        success:(obj)=>{
                            console.log(obj);
                            
                            // 三.获取机器人接口内容,也将内容渲染到页面
                            this.messageList.push({
                                message:obj.text,
                                isSelf:false
                            })
                        }

                    }) 
                 this.inputValue='';   //最后清除文本框
                }
            },
        })


    script>
body>

html>

附:gethub源码地址:https://github.com/huanggengzhong/jiqiren,有需要,欢迎下载

你可能感兴趣的:(十二.vue)

  • 咳嗽篇条文及大青龙汤医案-90天加强学习-周丹 经方临证经验录
    咳而上气，咽喉不利，脉数者，麦门冬汤主之。麦门冬汤方麦门冬七升半夏一升人参二两甘草二两（炙）粳米三合大枣十二枚右六味，以水一斗二升，煮取六升，去滓，温服一升，日三服，夜三服。半夏厚朴汤，这个咽中好像吞着烤肉，那个感觉也是咽喉不利，只是半夏厚朴汤它不是咳嗽，他这个东西，半夏厚朴汤他这个感觉是在食道里面，不牵涉到气管。那麦门冬汤这个感觉呢就有牵涉到气管了，那牵涉到气管的咳嗽而咽喉不利，就代表你这个人呢
  • 什么是孝道：尽量让自己保持安康，让家长知道自己的位置，让生养者不操心。《行孝：孝敬的十二种方式暨新时代孝道》余源鹏 孝敬父母 孝经 什么是孝道故事 中国中华传统孝道文化 二十四孝故事。有关孝道的... 余源鹏
    （1）尽量让自己保持安康前面讲的爱护自己的身心，让自己平安、健康，本身就是在对生养者行孝——能遂了她们的意愿，自然也能让他们安心、不操心！（2）让家长知道自己的位置《弟子规》讲的“出必告，反必面；居有常，业无变。”意思是说外出时，要告诉家长要去哪里；回家后还要当面禀告家长回来了，让家长安心。平时起居生活的位置，尽量比较固定或有规律；从事的职业或者工作，也要让家长清楚，有变化，就要告知，特别是所在的
  • Vue3 + WebSocket 穆罕周 websocket网络协议网络
    Vue3与WebSocket结合能够很好地满足实时通讯的需求。通过合理设计和管理WebSocket连接的生命周期，以及实现必要的重连逻辑和心跳检测机制，可以构建出响应迅速且稳定的实时应用。WebSocketWebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接，并使用帧（frame）的形式传输数据。Vu
  • VUE如何设置语音 穆罕周 vue.js前端javascript
    在Vue项目中设置语音功能可以通过1、使用WebSpeechAPI和2、集成第三方语音合成库来实现。WebSpeechAPI是一种浏览器内置的API，它提供了语音识别和语音合成功能，而第三方语音合成库则提供了更加丰富和灵活的功能。一、使用WebSpeechAPIWebSpeechAPI是一种原生浏览器API，它包括了语音识别和语音合成两部分。以下是如何在Vue项目中使用WebSpeechAPI设置
  • 语音识别文字
    记录项目中的语音识别文字功能是怎么做的，有需要的可以借鉴一下，都是干货，简单实用。实现原理：调用浏览器的API监听用户语音，浏览器监听到语音后，就会转成文字。测试环境：Edge--免费(国内可用)Safari--免费(国内可用)Chorme--免费(需要科学上网)FireFox--不支持下面是代码函数干货：注意我用的vue2写的，所以有一些语音展示的动画控制按钮和文本显示的代码。复制代码后，根据你
  • 退休 蝴蝶花间舞
    这个学期单位有三个同事分别要在十一月，十二月，一月份退休。干了一辈子教育，要退休了，心里会有怎样的感受，我不是当事人，无法言说。但我想，总是希望单位领导能有所表示，哪怕简单的谈话或者简单的欢送仪式都好，如果能有点纪念意义的礼品赠送也未尝不可，不算出格吧？毕竟，退休的老师把自己最好的时光都献给了教育。最先退休的Z老师下周一就要正式退休了，今天来学校，中午自己请要好的同事吃饭！一起吃饭的同事回来说起来
  • 基于Python+Vue的个性化教学可视化系统设计与实现django 源码哆哆*V+ymhydo 毕设pythonvue.jsdjango
    文章目录前言系统实现效果前台用户功能模块后台管理功能模块Python技术介绍Django框架介绍预期达到的目标设计思路详细视频演示技术路线解决的思路性能/安全/负载方面可行性分析论证为什么选择我们
  • UniApp 常用UI库 xkxnq uniappuniapp
    UniApp是一个基于Vue.js的跨平台开发框架，常用于开发微信小程序、H5、App等应用。为了快速构建界面，开发者常使用一些UI库，这些库提供了预定义的组件（如按钮、列表、表单等），能显著提升开发效率。以下是一些常用的UniAppUI库及其对应的GitHub地址（开源地址），这些都是社区中广泛使用且维护活跃的项目：常用UniAppUI库及地址uViewUI简介：一个功能强大、高度可定制的UI框
  • echars世界地图，显示指定的国家散点图 xkxnq vuevue.jsjavascript
    效果如下1.下载:npminstallecharts--save2，引入世界地图在main.js文件里引入(这里是Vue3.0的模板)importechartsfrom'echarts'Vue.prototype.$echarts=echartsimport'../node_modules/echarts/map/js/world.js'//引入世界地图3.使用import{mapoption,p
  • 微信小程序 - 超详细 TDesign 组件库环境搭建，微信小程序项目开发中引入并使用 tdesign 组件库的详细教程（腾讯 TDesign 组件库与微信小程序开发） 前端开发大师鸭 +Wechat微信小程序tdesign小程序安装tdesign组件库tdesign组件库官方文档腾讯TDesign官方使用教程使用组件没有任何样式就一段字html放上去没有效果怎么办
    前言网上几乎没有教程，本文提供优质教程保证搞定。在微信小程序开发中，详解小程序TDesign组件库环境搭建与使用教程，完整安装及配置流程，项目引入使用tdesign组件示例代码，解决安装失败、安装报错、使用组件不显示、配置好了但使用没反应、无组件样式等问题，提供详细配置教程和组件的使用实例。小程序vue2|vue3版本语法都能使用，跟着教程安装集成即可。如下图所示，详细安装配置及引入使用，解决各种
  • Uniapp微信小程序开发：后端服务器搭建指南（语言选择+部署方案）
    目录前言：Uniapp+微信小程序的架构模式️后端服务器的作用后端语言选择（Node.js/Java/Python/PHP/Go）☁️服务器部署方案（云服务器vsServerless）实战：如何连接Uniapp与后端API安全优化：HTTPS、JWT、接口鉴权数据库选择（MySQL、MongoDB、云数据库）总结&最佳实践1.前言：Uniapp+微信小程序的架构模式Uniapp是一个基于Vue.j
  • 张明政李若楠(美人政道)全章节在线阅读_(美人政道)全本在线阅读_美人政道(张明政李若楠)全本免费在线阅读_张明政李若楠全文阅读_美人政道(张明政李若楠)最新章节在线阅读_(美人政道)完整版免费... 笔趣阁官方账号
    张明政李若楠(美人政道)全章节在线阅读_(美人政道)全本在线阅读_美人政道(张明政李若楠)全本免费在线阅读_张明政李若楠全文阅读_美人政道(张明政李若楠)最新章节在线阅读_(美人政道)完整版免费在线阅读主角配角：张明政李若楠简介：中午时分，张明政醒来的时候，发现秦清已经不在了，简直就像做梦一样“秦县长，不管怎样，我都会对你负责的”收拾一番，张明政出门去迎接县电视台一行人，这次他要打起十二分的精神县
  • 精彩纷呈宋王朝（第四部，第十二章，第五节） 司马吹风
    第十二章力挽狂澜孟将军第五节复襄阳公元1238年九月，蒙古八十万主力攻两淮，荆襄地区的兵力相对薄弱一些。新任京湖战区总司令置制使孟珙，请求乘机率军收复荆襄。十月，朝廷诏命孟珙收复襄阳，襄阳是南宋中部重镇，襄阳在敌人手里，南宋寝食难安呐。孟珙接受的任务是收复襄阳，对一般战将来说，可能就是按部就班地率军攻襄阳了。假如孟珙也如此僵硬，也就成不了名将了。他经过仔细分析认为，如欲收复襄阳、樊城（襄阳樊城区）
  • 日语 数字 时间 星期 月日 读法总结 从流域到海域 日语数字计数时间周天月日
    数字读法注：日语数字写法完全等同于汉字，只是读音不同。比如十二就写作十二，读作じゅうに。100以下小数分数数字读法0れい、ぜろ1いち2に3さん4し、よん（よ）5ご6ろく7しち、なな8はち9く、きゅう10じゅう11じゅういち12じゅうに13じゅうさん14じゅうし、じゅうよん15じゅうご16じゅうろく17じゅうしち、じゅうなな18じゅうはち19じゅうく、じゅうきゅう20にじゅう30さんじゅう40よんじ
  • 《梦中的欢快葬礼和十二个异乡故事》加西亚·马尔克斯 夏日_469a
    《梦中的欢快葬礼和十二个异乡故事》加西亚·马尔克斯GabrielGarciaMarquez罗秀译《序》梦中的欢快葬礼，故事与废纸篓的故事，写作的乐趣与故事。1.《总统先生，一路走好》被推翻的落魄的流亡者总统，流落异国他乡，疾病无钱医治。认出总统的救护车司机，意图在总统身上发一笔横财的夫妇。最终，帮总统当掉了他值钱的物品。帮助总统回到了祖国。甚至动用了孩子们的储蓄金。总统临走之时，把自己亡妻的婚戒和
  • 十二个养生小知识汇总集（138） 注册营养师茶茶
    一、孩子积食不消化，告诉你一道好用的食疗方——山楂陈皮白萝卜水，帮助理气助消化，快收好！很多宝宝添加辅食后，经常发生积食的情况，有些家长总是怕孩子吃不饱吃太少，总觉得孩子多吃点好，但其实孩子的消化能力和胃容量都不如成人，很容易造成积食的情况。如果宝宝出现口臭、打嗝、胃口差、肚子胀气、大便干燥、手心热等现象，就有可能是积食了。这种情况我们可以用一些简单的食疗来调理，比如今天要跟大家分享的这款理气助消
  • 【梦夕辰原创小说】百年轮回——第十二章 生命的绝唱 梦夕辰
    何胤真坐在办公室里，医生又打来电话，今年已经是第三年了，虽然这三年来，何胤真一直小心翼翼地呵护着舒雅，但是还是没办法将她从死亡线上抢救回来，随着时间越发的接近，舒雅的身体越来越虚弱了。舒雅最大的心愿就是可以开一场属于自己的演唱会，她来唱歌，自己为她伴奏。可是音乐公司的效益一直不是很好，资金在很大程度上成了问题，现在时间越来越近了，何胤真的心也越来越痛了。想着想着，眼泪就从眼角滑了下来。电话铃响了，
  • 7月14日，十二星座，星座运势 葫芦姐姐聊星座
    白羊座icon：情绪平和的一天，即便遭遇他人的挑衅，你也能保持平和的心态，不会一下子陷入到暴躁愤怒的状态当中，而是能冷静地分析现状，做出最有利于自己的判断及行动。金牛座：办事调理清晰的一天，你能较快地完成既定事项，顺利突破核心环节，并且还能消除下一阶段可能遇到的阻碍，确保计划能平稳实施，而你的努力会给你带来丰厚的回报。双子座：侧重在合作事项上维系团结的氛围，不能一个劲地强调自身的利益，而忽略了全盘
  • 盛和塾打卡2020-04-23 徐鵬
    姓名：徐鹏公司：大连协力工务环境工程有限公司【日精进打卡第118天】【知～学习】①《六项精进》大纲诵读0遍，抄写0遍②《大学》诵读0遍，抄写0遍③读《经营十二条》④每日单词-每日语法-⑤建工专业学习法规p197⑥【经典名句分享】①当你想要做成一件事时，你只需努力再努力，神灵就会帮助你②你怎样对待世界，世界就怎样对待你，但即使这样你也不一定如意。③改变自己最快的方法就是做自己害怕的事【行～实践】①从
  • el-amap-bezier-curve运用及线弧度设置 ·零落· Vue日常研发问题总结vue.jsjavascriptecmascript
    文章目录简介示例线弧度属性主要弧度相关属性其他相关样式属性完整示例链接简介‌el-amap-bezier-curve是Vue-Amap组件库中的一个组件，用于在高德地图上绘制贝塞尔曲线。‌基本用法属性path定义曲线的路径，可以是多个弧线段的组合。stroke-weight线条的宽度。stroke-color线条的颜色。stroke-style线条的样式。stroke-opacity线条的透明度。
  • 工作顺利告一段落（改变自己第十一天） 小水滴
    今天是这一年中好像最忙的一天，现在还没忙完，估计要十二点以后才能完成了，明天可以犒劳自己多睡一会。想的是挺美的，不过估计会在早上按时醒来，每天都比闹铃提前，看样子已经成习惯了，不需要闹铃了。最近感觉状态不错！好像工作也顺利了许多，什么事情都麻利的做好了，轻松解决很多问题。喜欢这种忙碌而充实的生活，继续努力吧！加油哦！该去忙了偷偷跑来写几句，哈哈！没事的早早睡觉吧！晚安
  • Vue 2现代模式打包：双包架构下的性能突围战 Jokerator javascriptjavascriptvue.js
    文章目录一、场景痛点：兼容性与性能的撕裂二、技术解析：ModernMode的双引擎驱动1.基础认知：什么是ModernMode？2.原理深入：HTML智能分发与Safari10修复3.性能收益对比表三、Vue2项目实战：启用Modern模式与深度优化1.基础启用步骤2.避坑指南：常见问题与解决方案3.二次优化策略（结合Modern模式）四、总结：三层认知升华面对ES2015+语法在旧浏览器的兼容包
  • 日精进二十二天 向阳而生吧
    敬爱的黄校长，亲爱的老师们：大家晚上好！我是寿光七田阳光的张筱，今天是2018.9.26日，我的日精进行动第22天，给大家分享我今天的进步，我们互相勉励，携手前行，每天进步一点点，距离成功便不远。1、比学习：今天学习.《你不努力谁也给不了你想要生活》1.不要因为二十五了就没有追求梦想的权利。2.做自己的事情不要让自己有遗憾。悟到：梦想是一生所追求的东西2、比改变：今天是日精进第22天，六点起床晨练
  • 风浪时代||第九十二章 第一场当面抗衡 江南铁鹰
    第九十二章第一场当面抗衡“叔叔，你知道吗？巡查组那个萧潇已经通知我们，上次已经报个市政府的那个协议草案无效，还要和南华高层沟通后，在他们指导下重新起草新的协议草签。”德彪在给他二叔通电话，魏柳成坐在旁边的椅子上。岳丽蓉却坐在德彪的大腿上。电话里传来一个沙哑的老男人声音。“这个人也太不把我们市政府放在眼睛里了吧？一个小小的巡查组组长，就可以直接否定市政府眼睛批复的草案了？究竟谁给他这么大权力？”“二
  • 2月23日，十二星座，星座运势 葫芦姐姐聊星座
    白羊座：试图让事情能处在自己的掌控之中，但是不要去强求什么，宁可顺其自然地去引导，也别强行干涉，免得引起本可避免的麻烦事；感情上平复内心的焦躁感，同理心有待增强，你需要更好地谅解彼此的难处，以利于化解积怨。金牛座：活跃度提升，你能成为团队中的引领者，在不少事情上都做出恰当的表率，既不会显得自己太来事，也能取得一定的好成果；感情上展示自身温和大度的样子，增进彼此的了解度，不要总是被激情和新鲜感蒙蔽视
  • 【no vue no bug】 npm : 无法加载文件 D:\software\nodeJS\node22\npm.ps1 源码方舟 BUGvue.jsbugnpm
    【Bug问题】在vscode中打开项目目录运行npm相关的命令时报下面错误，但是ctrl+r打开控制台输入npm命令又是可以运行的。npm:无法加载文件D:\software\nodeJS\node22\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的about_Execution_Pol
  • uniApp出现【ReferenceError: computed is not defined】
    1·问题uniApp出现【ReferenceError:computedisnotdefined】2·解##标题决在当前页导入：import{computed}from'vue'
  • vue项目使用tsx
    1、vue2.7中使用webpack处理，配置如下{test:/\.(ts|tsx)$/,use:[{loader:'babel-loader',options:{presets:['@babel/preset-env','@vue/babel-preset-jsx']}},{loader:'ts-loader',options:{appendTsSuffixTo:[/\.vue$/]//vue文
  • python pywebview + vue3 做桌面端 妃衣 python开发语言
    pythonpywebview+vue3做桌面端Api.py#传给前端的api对象,定义了一个可以通过js调用退出当前应用的函数classApi:def__init__(self)->None:self._window=None#java运行的线程self.process=Nonedefset_process(self,_process):self.process=_processdefset_w
  • [架构之美]手动搭建Vue3 前端项目框架 曼岛_ 成长之路前端
    [架构之美]手动搭建Vue3前端项目框架我们将手动创建一个完整的Vue前端项目，包含基础结构、路由、状态管理和UI组件。下面是实现方案：一.项目结构设计1.1项目架构设计my-vue-project/├──public/│├──index.html│└──favicon.ico├──src/│├──assets/││└──logo.png││├──main.css│├──components/││
  • 统一思想认识 永夜-极光 思想
    1.统一思想认识的基础,才能有的放矢  原因:    总有一种描述事物的方式最贴近本质,最容易让人理解.    如何让教育更轻松,在于找到最适合学生的方式.          难点在于,如何模拟对方的思维基础选择合适的方式.   &
  • Joda Time使用笔记 bylijinnan javajoda time
    Joda Time的介绍可以参考这篇文章： http://www.ibm.com/developerworks/cn/java/j-jodatime.html 工作中也常常用到Joda Time，为了避免每次使用都查API，记录一下常用的用法：     /** * DateTime变化（增减） */ @Tes
  • FileUtils API eksliang FileUtilsFileUtils API
    转载请出自出处：http://eksliang.iteye.com/blog/2217374 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • 各种新兴技术 不懂事的小屁孩 技术
    1:gradle Gradle 是以 Groovy 语言为基础，面向Java应用为主。基于DSL（领域特定语言）语法的自动化构建工具。 现在构建系统常用到maven工具，现在有更容易上手的gradle， 搭建java环境: http://www.ibm.com/developerworks/cn/opensource/os-cn-gradle/ 搭建android环境： http://m
  • tomcat6的https双向认证 酷的飞上天空 tomcat6
    1.生成服务器端证书 keytool -genkey -keyalg RSA -dname "cn=localhost,ou=sango,o=none,l=china,st=beijing,c=cn" -alias server -keypass password -keystore server.jks -storepass password -validity 36
  • 托管虚拟桌面市场势不可挡 蓝儿唯美
    用户还需要冗余的数据中心，dinCloud的高级副总裁兼首席营销官Ali Din指出。该公司转售一个MSP可以让用户登录并管理和提供服务的用于DaaS的云自动化控制台，提供服务或者MSP也可以自己来控制。 在某些情况下，MSP会在dinCloud的云服务上进行服务分层，如监控和补丁管理。 MSP的利润空间将根据其参与的程度而有所不同，Din说。 “我们有一些合作伙伴负责将我们推荐给客户作为个
  • spring学习——xml文件的配置 a-john spring
    在Spring的学习中，对于其xml文件的配置是必不可少的。在Spring的多种装配Bean的方式中，采用XML配置也是最常见的。以下是一个简单的XML配置文件： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.or
  • HDU 4342 History repeat itself 模拟 aijuans 模拟
    来源：http://acm.hdu.edu.cn/showproblem.php?pid=4342 题意：首先让求第几个非平方数，然后求从1到该数之间的每个sqrt(i)的下取整的和。 思路：一个简单的模拟题目，但是由于数据范围大，需要用__int64。我们可以首先把平方数筛选出来，假如让求第n个非平方数的话，看n前面有多少个平方数，假设有x个，则第n个非平方数就是n+x。注意两种特殊情况，即
  • java中最常用jar包的用途 asia007 java
    java中最常用jar包的用途 jar包用途axis.jarSOAP引擎包commons-discovery-0.2.jar用来发现、查找和实现可插入式接口，提供一些一般类实例化、单件的生命周期管理的常用方法.jaxrpc.jarAxis运行所需要的组件包saaj.jar创建到端点的点到点连接的方法、创建并处理SOAP消息和附件的方法，以及接收和处理SOAP错误的方法.  w
  • ajax获取Struts框架中的json编码异常和Struts中的主控制器异常的解决办法 百合不是茶 jsjson编码返回异常
    一:ajax获取自定义Struts框架中的json编码  出现以下 问题:       1,强制flush输出  json编码打印在首页 2, 不强制flush js会解析json 打印出来的是错误的jsp页面   却没有跳转到错误页面 3,  ajax中的dataType的json 改为text 会
  • JUnit使用的设计模式 bijian1013 java设计模式JUnit
    JUnit源代码涉及使用了大量设计模式 1、模板方法模式（Template Method）         定义一个操作中的算法骨架，而将一些步骤延伸到子类中去，使得子类可以不改变一个算法的结构，即可重新定义该算法的某些特定步骤。这里需要复用的是算法的结构，也就是步骤，而步骤的实现可以在子类中完成。   
  • Linux常用命令（摘录） sunjing crondchkconfig
    chkconfig --list   查看linux所有服务 chkconfig --add servicename 添加linux服务 netstat -apn | grep 8080  查看端口占用 env 查看所有环境变量 echo $JAVA_HOME 查看JAVA_HOME环境变量   安装编译器 yum install -y gcc
  • 【Hadoop一】Hadoop伪集群环境搭建 bit1129 hadoop
     结合网上多份文档，不断反复的修正hadoop启动和运行过程中出现的问题，终于把Hadoop2.5.2伪分布式安装起来，跑通了wordcount例子。Hadoop的安装复杂性的体现之一是，Hadoop的安装文档非常多，但是能一个文档走下来的少之又少，尤其是Hadoop不同版本的配置差异非常的大。Hadoop2.5.2于前两天发布，但是它的配置跟2.5.0，2.5.1没有分别。 &nb
  • Anychart图表系列五之事件监听 白糖_ chart
    创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。 以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下： <script> //创建AnyChart var chart = new AnyChart(); //添加钻取操作&quo
  • Web前端相关段子 braveCS web前端
    Web标准：结构、样式和行为分离   使用语义化标签 0）标签的语义：使用有良好语义的标签，能够很好地实现自我解释，方便搜索引擎理解网页结构，抓取重要内容。去样式后也会根据浏览器的默认样式很好的组织网页内容，具有很好的可读性，从而实现对特殊终端的兼容。 1）div和span是没有语义的：只是分别用作块级元素和行内元素的区域分隔符。当页面内标签无法满足设计需求时，才会适当添加div
  • 编程之美-24点游戏 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashSet; import java.util.List; import java.util.Random; import java.util.Set; public class PointGame { /**编程之美
  • 主页面子页面传值总结 chengxuyuancsdn 总结
    1、showModalDialog returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口时,用于返回窗口的值 主界面 var sonValue=window.showModalDialog("son.jsp"); 子界面 window.retu
  • [网络与经济]互联网+的含义 comsci 互联网+
          互联网+后面是一个人的名字 = 网络控制系统       互联网+你的名字 =  网络个人数据库       每日提示:如果人觉得不舒服,千万不要外出到处走动,就呆在床上,玩玩手游,更不能够去开车,现在交通状况不
  • oracle 创建视图 with check option daizj 视图vieworalce
    我们来看下面的例子： create or replace view testview as select empno,ename from emp where ename like ‘M%’ with check option; 这里我们创建了一个视图，并使用了with check option来限制了视图。 然后我们来看一下视图包含的结果： select * from testv
  • ToastPlugin插件在cordova3.3下使用 dibov Cordova
        自己开发的Todos应用，想实现“ 再按一次返回键退出程序 ”的功能，采用网上的ToastPlugins插件，发现代码或文章基本都是老版本，运行问题比较多。折腾了好久才弄好。下面吧基于cordova3.3下的ToastPlugins相关代码共享。       ToastPlugin.java package&nbs
  • C语言22个系统函数 dcj3sjt126com cfunction
    C语言系统函数一、数学函数下列函数存放在math.h头文件中Double floor(double num) 求出不大于num的最大数。Double fmod(x, y) 求整数x/y的余数。Double frexp(num, exp); double num; int *exp; 将num分为数字部分（尾数）x和 以2位的指数部分n，即num=x*2n，指数n存放在exp指向的变量中，返回x。D
  • 开发一个类的流程 dcj3sjt126com 开发
    本人近日根据自己的开发经验总结了一个类的开发流程。这个流程适用于单独开发的构件，并不适用于对一个项目中的系统对象开发。开发出的类可以存入私人类库，供以后复用。   以下是开发流程： 1. 明确类的功能，抽象出类的大概结构 2. 初步设想类的接口 3. 类名设计（驼峰式命名） 4. 属性设置(权限设置) 判断某些变量是否有必要作为成员属
  • java 并发 shuizhaosi888 java 并发
    能够写出高伸缩性的并发是一门艺术   在JAVA SE5中新增了3个包 java.util.concurrent java.util.concurrent.atomic java.util.concurrent.locks 在java的内存模型中，类的实例字段、静态字段和构成数组的对象元素都会被多个线程所共享，局部变量与方法参数都是线程私有的，不会被共享。
  • Spring Security（11）——匿名认证 234390216 Spring SecurityROLE_ANNOYMOUS匿名
    匿名认证 目录 1.1     配置 1.2     AuthenticationTrustResolver          对于匿名访问的用户，Spring Security支持为其建立一个匿名的AnonymousAuthenticat
  • NODEJS项目实践0.2[ express,ajax通信...] 逐行分析JS源代码 Ajaxnodejsexpress
      一、前言         通过上节学习，我们已经        ubuntu系统搭建了一个可以访问的nodejs系统，并做了nginx转发。本节原要做web端服务 及 mongodb的存取，但写着写着，web端就
  • 在Struts2 的Action中怎样获取表单提交上来的多个checkbox的值 lhbthanks javahtmlstrutscheckbox
    第一种方法：获取结果String类型 在 Action 中获得的是一个 String 型数据，每一个被选中的 checkbox 的 value 被拼接在一起，每个值之间以逗号隔开(,)。 所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。 以下是实现的代码： 前台 HTML 代码：
  • 003.Kafka基本概念 nweiren hadoopkafka
    Kafka基本概念：Topic、Partition、Message、Producer、Broker、Consumer。 Topic：             消息源（Message）的分类。 Partition：             Topic物理上的分组，一
  • Linux环境下安装JDK roadrunners jdklinux
    1、准备工作 创建JDK的安装目录： mkdir -p /usr/java/   下载JDK，找到适合自己系统的JDK版本进行下载： http://www.oracle.com/technetwork/java/javase/downloads/index.html   把JDK安装包下载到/usr/java/目录，然后进行解压： tar -zxvf jre-7
  • Linux忘记root密码的解决思路 tomcat_oracle linux
    1：使用同版本的linux启动系统，chroot到忘记密码的根分区passwd改密码 　　2：grub启动菜单中加入init=/bin/bash进入系统，不过这时挂载的是只读分区。根据系统的分区情况进一步判断. 　　3: grub启动菜单中加入 single以单用户进入系统. 　　4:用以上方法mount到根分区把/etc/passwd中的root密码去除 　　例如: 　　ro
  • 跨浏览器 HTML5 postMessage 方法以及 message 事件模拟实现 xueyou jsonpjquery框架UIhtml5
    postMessage 是 HTML5 新方法，它可以实现跨域窗口之间通讯。到目前为止，只有 IE8+, Firefox 3, Opera 9, Chrome 3和 Safari 4 支持，而本篇文章主要讲述 postMessage 方法与 message 事件跨浏览器实现。postMessage 方法 JSONP 技术不一样，前者是前端擅长跨域文档数据即时通讯，后者擅长针对跨域服务端数据通讯，p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他