首页 文章 精选 留言 我的

精选列表

搜索[Emacs插件],共10000篇文章
优秀的个人博客,低调大师

react native插件 react-navigation使用心得

StackNavigator StackNavigator(screens,configs) const Stack = StackNavigator({ Home: { screen: Home, }, Profile: { screen: Profile } },{ mode: 'card', // 页面切换模式, 左右是card(相当于iOS中的push效果), 上下是modal(相当于iOS中的modal效果) headerMode: 'screen', // 导航栏的显示模式, screen: 有渐变透明效果, float: 无透明效果, none: 隐藏导航栏 onTransitionStart: ()=>{ console.log('导航栏切换开始'); }, // 回调 onTransitionEnd: ()=>{ console.log('导航栏切换结束'); } // 回调 }); screen页面 export default class Home extends React.Component { //本页面的属性配置 static navigationOptions = { title: 'Home', } render() { return ( <View> <Text>Home</Text> </View> ) } }

优秀的个人博客,低调大师

利用Logstash插件进行Elasticsearch与Mysql的数据

Logstash与Elasticsearch的安装就不多说了,我之前有两篇文章写的比较详细了ElasticSearch + Logstash + Kibana 搭建笔记 和 Filebeat+Logstash+ElasticSearch+Kibana搭建Apache访问日志解析平台。 Mysql Connector没有包含在ELK的包中,需要自己下载。 配置文件 最主要的配置文件是 Logstash 的配置,我们命名为 mysql.conf 样例如下 input { stdin { } jdbc { # 数据库地址 端口 数据库名 jdbc_connection_string => "jdbc:mysql://localhost:3306/shen" # 数据库用户名 jdbc_user => "root" # 数据库密码 jdbc_password => "rootroot" # mysql java驱动地址 jdbc_driver_library => "/usr/share/logstash/mysql-connector-java-5.1.43-bin.jar" # 驱动类的名称 jdbc_driver_class => "com.mysql.jdbc.Driver" jdbc_paging_enabled => "true" jdbc_page_size => "50000" statement => "SELECT * FROM TABLE" # sql 语句文件,对于复杂的查询,可以放在文件中。 # statement_filepath => "filename.sql" # 设置监听间隔,语法与Linux系统Cron相同 schedule => "* * * * *" } } output { stdout { codec => json_lines } elasticsearch { hosts => "localhost:9200" index => "contacts" document_type => "contact" document_id => "%{id}" } } 进行数据同步 进行数据同步只需要将 Logstash 启动,并且通过-f参数指定我们创建的 mysql.conf 配置文件即可,可以通过终端中输出的信息查看同步是否成功。 ./bin/logstash -f mysql.conf 本例是对一个数据库表进行同步,如果需要同步多个表的数据,可以创建多个配置文件,也可以在一个配置文件中指定多个 jdbc input。配置中的所有项目都必须重新复制一遍。 增量更新 这个例子中的SQL执行的全量更新,如果需要进行增量更新,就需要对SQL进行一些修改。 input { stdin { } jdbc { # 数据库地址 端口 数据库名 jdbc_connection_string => "jdbc:mysql://localhost:3306/shen" # 数据库用户名 jdbc_user => "root" # 数据库密码 jdbc_password => "rootroot" # mysql java驱动地址 jdbc_driver_library => "/usr/share/logstash/mysql-connector-java-5.1.43-bin.jar" # 驱动类的名称 jdbc_driver_class => "com.mysql.jdbc.Driver" jdbc_paging_enabled => "true" jdbc_page_size => "50000" #是否记录上次运行的结果 record_last_run => true #记录上次运行结果的文件位置 last_run_metadata_path => "" #是否使用数据库某一列的值, use_column_value => true tracking_column => "id" #numeric或者timestamp tracking_column_type => "numeric" #如果为true则会清除 last_run_metadata_path 的记录,即重新开始同步数据 clean_run => false #sql_last_value根据tracking类型,默认为0或者1970-1-1 statement => "SELECT * FROM TABLE WHERE id > :last_sql_value" # sql 语句文件,对于复杂的查询,可以放在文件中。 # statement_filepath => "filename.sql" # 设置监听间隔,语法与Linux系统Cron相同 schedule => "* * * * *" } } output { stdout { codec => json_lines } elasticsearch { hosts => "localhost:9200" index => "contacts" document_type => "contact" document_id => "%{id}" } } 增量更新会忽略对历史数据的更新,如果业务中历史数据经常发生变化,则可以通过全量更新的方法。 重要参数说明 参数 类型 说明 clean_run boolean jdbc_connection_string string jdbc_driver_class string jdbc_user string jdbc_fetch_size number jdbc_page_size number 默认值100000 jdbc_paging_enabled boolean sequel_opts hash 可以传入到SQL中的参数 本文配置在 ELK 6.0 beta 环境下测试通过。 本文为作者原创,未经允许不得转载。如果您觉得本文对您有帮助,请随意打赏,您的支持将鼓励我继续创作。 参考资料: 1、Mysql Connector 2、ElasticSearch5+logstash的logstash-input-jdbc实现mysql数据同步 3、logstash-input-jdbc实现mysql 与elasticsearch实时同步深入详解 4、logstash input jdbc连接数据库 5、JDBC Plugin

优秀的个人博客,低调大师

日程日历系统,顶级插件FullCalendar使用说明

简介 日程系统,繁琐的月日期开始结束计算、当前页面开始的天数(跨月)。。。等等,麻烦的事情都交给FullCalendar,世界安静了。 官网 https://fullcalendar.io/ 使用 1、页面引用 <linkhref='/contrast/assets/global/plugins/fullcalendar-3.2.0/fullcalendar.min.css'rel='stylesheet'/> <linkhref='/contrast/assets/global/plugins/fullcalendar-3.2.0/fullcalendar.print.min.css'rel='stylesheet'media='print'/> <scriptsrc='/contrast/assets/global/plugins/fullcalendar-3.2.0/lib/moment.min.js'></script> <scriptsrc='/contrast/assets/global/plugins/fullcalendar-3.2.0/lib/jquery.min.js'></script> <scriptsrc='/contrast/assets/global/plugins/fullcalendar-3.2.0/fullcalendar.min.js'></script> <scriptsrc='/contrast/assets/global/plugins/fullcalendar-3.2.0/locale-all.js'></script> 2、页面代码 <!--页面容器--> <divid='calendar'></div> <!--隐藏按钮,ajax自动请求触发验证--> <buttonid="zhibiao-btn"type="button"class="btnbtn-primary"style="display:none;"data-toggle="modal"data-target=".bs-example-modal-lg">Largemodal</button> <script> /** *业务约束(预警颜色说明) *#指标符合率# *红色(#FF3333):<95% *×××(#FFCC66):>95% *绿色(#CCFFCC):=100% *灰色(#CCCCCC):数据未上传 */ $(document).ready(function(){ varinitialLocaleCode='zh-cn'; $('#calendar').fullCalendar({ header:{ left:'prev,nexttoday', center:'title', right:'month,listMonth' }, firstDay:0, defaultDate:newDate(), locale:initialLocaleCode, buttonIcons:false,//showtheprev/nexttext navLinks:true,//canclickday/weeknamestonavigateviews editable:false, eventLimit:true,//allow"more"linkwhentoomanyevents events:'warningcalendar/fhl_json', eventClick:function(calEvent,jsEvent,view){ seeDate=calEvent.start.format('YYYY-MM-DD'); req_zhibiaodetail(""); $("#zhibiao-btn").click(); } }); }); /** *获取符合率明细 */ varseeDate=""; functionreq_zhibiaodetail(JGDM,JGMC){ if(seeDate==""){alert("查看日期不能为空。");return;} if(JGDM==""){ if($("#jgList").html()!=undefined){ JGDM=$("#jgListli:eq(0)").attr("jgdm"); JGMC=$("#jgListli:eq(0)").text(); } } $.ajax({ type:"get", url:'warningcalendar/show_fhl_detail_json', dataType:"json", data:{seeDate:seeDate,JGDM:JGDM}, success:function(data){ $('#zhibiaoDetail').html(data.ERRORCENTENT); }, error:function(reslt){ alert("您好,"+JGMC+"暂无符合率请查看其它机构"); } }); } </script> 3、后台代码 /** *机构符合率 */ @SuppressWarnings("unchecked") @RequestMapping(value="/fhl_json") @ResponseBody publicList<HashMap<String,Object>>fhlJson(HttpServletRequestrequest,HttpServletResponseresponse){ Stringsql="selectt1.d\"start\",nvl(t2.\"title\",'数据未上传')\"title\",nvl(t2.\"color\",'#CCCCCC')\"color\"from(selectto_char(to_date(#{startDate},'yyyy-MM-dd')+rownum-1,'yyyy-mm-dd')dfromuser_objectswhereto_date(#{startDate},'yyyy-MM-dd')+rownum-1<=to_date(#{endDate},'yyyy-MM-dd'))t1leftjoin(selectto_char(ERRORDATE,'yyyy-MM-dd')\"start\",'符合率:'||trunc(sum(total)/count(total),2)||'%'\"title\",casewhentrunc(sum(total)/count(total),2)<95then'#FF3333'whentrunc(sum(total)/count(total),2)between95and100then'#FFCC66'whentrunc(sum(total)/count(total),2)=100then'#FFCC66'endas\"color\"fromSYS_TONG_QUOTA_ERRORtwheret.ERRORDATE>=to_date(#{startDate},'yyyy-MM-dd')andt.ERRORDATE<=to_date(#{endDate},'yyyy-MM-dd')"; HashMap<String,Object>prm=newHashMap<String,Object>(); //设置当前日历起止时间 prm.put("startDate",request.getParameter("start")); prm.put("endDate",request.getParameter("end")); //获取当前用户 HashMap<String,Object>user=(HashMap<String,Object>)request.getSession().getAttribute(SessionUtils.SESSION_USER_KEY); //非管理只看本院 if(null!=user&&user.get("ISADMIN").equals("yiyuan")){ sql+="andJGDM=#{jgdm}"; prm.put("jgdm",user.get("YLJGDM")); } sql+="groupbyto_char(ERRORDATE,'yyyy-MM-dd'))t2ont1.d=t2.\"start\"whereto_date(t1.d,'yyyy-mm-dd')<sysdate"; returncurdManager.findList(sql,prm); } FullCalendar默认提交日期开始结束:“start”“end” 返回的格式如上Sql展示 以上,Ok! 使用ajax全程不用处理,扔给FullCalendar全程自动化

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册