zzr-china / blog Goto Github PK

$(function() {  
  $('searchInput').onClick(function () {
     $('searchUI').show();
     var state = {  
           title : "title",  
            url : "#"  
      };  
       window.history.pushState(state, "title", "#"); 
  })
  window.addEventListener("popstate", function(e) {  
         $('searchUI').hide()
  }, false);  

//   ./src/components/SelectCountry.vue

<template>
<div class="selectcountry">
</div>
</template>

<script>
export default {
  name: 'selectcountry',
  props: {
    show: {
      type: Boolean,
      default: true
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
</style>

//   ./main.js

import SelectCountryfrom './components/SelectCountry.vue'

Vue.component('select-country', SelectCountry)

//  ./src/components/SelectCountry.vue

 watch: {
    async show (val) {
       if !(val) return
       // 压入一个新的history
       const url = '#' + this.$route.fullPath
       const title = 'selectcountry'
       const state = {
         title,
         url
       }
       window.history.pushState(state, title, url)
   }
}

//  ./src/components/SelectCountry.vue

 watch: {
    async show (val) {
       if !(val) return
       // 压入一个新的history
       const url = '#' + this.$route.fullPath
       const title = 'selectcountry'
       const state = {
         title,
         url
       }
       window.history.pushState(state, title, url)
       const _this = this
        window.addEventListener('popstate', function (e) {
          // 此时的this指的是window, 所以要将_this传入进来
          const vue = _this
          vue.$emit('listenCountryClose', false)
        }, false)
   }
}

<button onclick="notifyMe()">Notify me!</button>

<script>
function notifyMe() {
  // Let's check if the browser supports notifications
  if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
  }

  // Let's check if the user is okay to get some notification
  else if (Notification.permission === "granted") {
    // If it's okay let's create a notification
    var notification = new Notification("Hi there!");
  }

  // Otherwise, we need to ask the user for permission
  else if (Notification.permission !== 'denied') {
    Notification.requestPermission(function (permission) {
      // If the user is okay, let's create a notification
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  }

  // At last, if the user already denied any notification, and you 
  // want to be respectful there is no need to bother them any more.
}
</script>

var express    = require('express'),
    router     = express.Router(),
    _buylimit  = require('../service/buylimit.service'),
    login_help = require('../helpers/login_help');

router.route('/buylimits')
  .get(function(req, res) {
    login_help(req, res, function() {
      _buylimit.getAll(function(buylimits) {
        res.render('buylimits', {buylimits: buylimits});
      });
    });
  })

var help = function(req, res, next) {
  var admin = req.session.admin;
  if(!admin) {
    res.redirect('/dashboard/login');
    return;
  } else {
    next();
  }
};

module.exports = help;

var express       = require('express'),
    router        = express.Router(),
    admin_service = require('../service/admin.service'),
    login_help    = require('../helpers/login_help'),
    message       = require('../helpers/message');

router.route('/login')
  .get(function(req, res) {
    var admin = req.session.admin;
    if(admin) return res.redirect('/');
    res.render('login');
  })
  .post(function(req, res) {
    var user = {
      username: req.body.username,
      password: req.body.password
    },
    msg = new message();
    admin_service.login(user, function(bo, admin) {
      if(bo) {
        msg.msg           = '登录成功！';
        msg.status        = 1;
        req.session.admin = admin;
      } else {
        msg.msg = '登录失败！';
      }
      res.send(msg);
    });
  });

router.route('/logout')
  .get(function(req, res) {
    login_help(req, res, function(){
      req.session.admin = null;
      res.send(true);
    });
  });

module.exports = function(app) {
  app.use('/', router);
};

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>后台登录 - Foowala</title>
</head>

<body>
    <input type="hidden" id="TenantId" name="TenantId" value="" />
    <div class="loginWraper">
        <div id="loginform" class="loginBox">
            <div class="form form-horizontal">
                <div class="row cl">
                    <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                    <div class="formControls col-xs-8">
                        <input id="username" name="username" type="text" placeholder="账户" class="input-text size-L radius">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                    <div class="formControls col-xs-8">
                        <input id="password" name="password" type="password" placeholder="密码" class="input-text size-L radius">
                    </div>
                </div>
                <div class="row cl">
                    <div class="formControls col-xs-8 col-xs-offset-3">
                        <input id="login" name="login" type="submit" class="btn btn-primary radius size-L" value="&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">Copyright Foowala by admin.v1.0</div>
    <script type="text/javascript">
      app.login();
    </script>
</body>

</html>

import React from 'react'

export default ({ onChange }) => {
  let cityInput

  const onSubmit = e => {
    e.preventDefault()
    onChange(cityInput.value)
  }

  return (
    <form onSubmit={ onSubmit }>
      <input type='text' placeholder='Enter City Name'
        ref={ el => cityInput = el } />
      <button>Go!</button>
    </form>
  )
}

Note:
Although string refs are not deprecated, they are considered legacy, and will likely be deprecated at some point in the future. Callback refs are preferred.

const onSubmit = fn => e => {
  e.preventDefault()
  const city = e.target.city.value // Access elements through `form`
  if (city) {
    fn(city)
  }
}

const MyComponent = ({
  onChange
}) => {
  return ( 
    <div>
      <form onSubmit={onSubmit(onChange)}>
        <input type='text' name='city' placeholder='Enter City Name' />
        <button>Go!</button>
      </form>
    </div>
  )
}

public function export_csv () {
    $list = $GLOBALS['db']->getAll("select * from supplier");
    $order_value = array(
	'id'=>'""',
	'user_name'=>'""',
	'contact_name'=>'""',
	'contact_sex'=>'""',
	'contact_mobile'=>'""',
	'create_time'=>'""');

   $content = iconv("utf-8","gbk","商户ID,商户用户名,姓名,性别,手机号,联系座机注册时间");
   $content = $content . "\n";		
   if($list) {
     foreach($list as $k=>$v) {
	  $contact_sex = $v['contact_sex'] == 1 ? '男性' : ($v['contact_sex'] == 0 ? '女性' : '未知');
	  $create_time = to_date($v['create_time']);
          $order_value = array();
	  $order_value['id'] = '"' . $v['id'] . '"';
	  $order_value['user_name'] = '"' . iconv('utf-8','gbk',$v['user_name']) . '"';
	  $order_value['contact_name'] = '"' . iconv('utf-8','gbk',$v['contact_name']) . '"';
	  $order_value['contact_sex'] = '"' . iconv('utf-8','gbk',$contact_sex) . '"';
	  $order_value['contact_mobile'] = '"' . iconv('utf-8','gbk',$v['contact_mobile']) . '"';
	  $order_value['create_time'] = '"' . iconv('utf-8','gbk',$create_time) . '"';		
	  $content .= implode(",", $order_value) . "\n";
     }
  }
 header("Content-type:application/vnd.ms-excel");
 header("Content-Disposition: attachment; filename=supplier.csv");
 echo $content;
}

server.register(hapi_auth_jwt2, (err) => {
    if (err) {
        console.log(err);
    }
    server.auth.strategy('jwt', 'jwt', {
        key: secret,
        validateFunc: validate1,
        verifyOptions: { algorithms: ['HS256'] }
    });

    server.auth.default('jwt');
});

const login = (req, reply) => {
  var staff = null,
      msg = new message();
  if (req.auth.isAuthenticated) {
    return reply(msg.success('你已登录！'));
  }
  staff = {
    store_id  : req.payload.store_id,
    job_number: req.payload.job_number,
    password  : req.payload.password
  };
};

module.exports = [{
    method: ['GET', 'POST'],
    path  : '/login',
    config: {
        handler: login,
        plugins: { 'hapi-auth-cookie': { redirectTo: false } } ,
        description: '<p>员工/管理员登陆</p>'
      }
    }];

mkdir  npm-pack&&cd npm-pack

npm init

npm login

npm publish

require.extensions.hasOwnProperty(ext) is not a function

var gulp = require('gulp');
var notify = require('gulp-notify');
var config = require('../../../config').scripts;
// process JS files and return the stream.
gulp.task('lib-scripts', function() {
  return gulp.src(config.libjs)
    .pipe(gulp.dest('dist/assets/js/lib'))
    .pipe(notify({ message: 'lib-scripts task complete' }));
});

var requireDir = require('require-dir'); 
// Require all tasks in gulp/tasks, including subfolders 
requireDir('./gulp/tasks', { recurse: true });

module.exports = function (gulp, config, plugins) {
  return gulp.task('lib-scripts', function () {
    return gulp.src(config.libjs)
      .pipe(gulp.dest('dist/assets/js/lib'))
      .pipe(plugins.notify({ message: 'lib-scripts task complete' }));
  });
}