小编Ric*_*cky的帖子

React + Sails:处理路由

我正在使用Sails和React开发一个Web应用程序.我使用sails的主要目的是利用MVC模式,而React则用于提供视图.因为,Sails提供了自己的路由,但我想使用我的React-router.

例如:在react-router中我们有NotFoundRoute,所以当我访问一个不存在的页面时,它应该显示我为其定义的处理程序NotFoundRoute.相反,它向我展示了404页面.

那么当我想使用我的React路线时如何控制帆路线呢?

反应路线

var JSX = require('babel/register'),
    React = require('react'),
    Router = require('react-router'),
    DefaultRoute = Router.DefaultRoute,
    NotFoundRoute = Router.NotFoundRoute,
    Route = Router.Route;


var routes = (
        <Route name="splash" path="/" handler={require('../main')}>
            <DefaultRoute handler={require('../components/Signup/signup')} />   
            <Route name="signup" path="/user/signup" handler={require('../components/Signup/signup')} />    
            <Route name="home" path="/user/home/:id" handler={require('../components/Home/home')} />
            <NotFoundRoute handler={require('../components/commons/notFound')} />
        </Route>
    );

module.exports = routes;
Run Code Online (Sandbox Code Playgroud)

帆路线

module.exports.routes = {


  '/': {
    view: 'homepage'
  },

  '/user/home/:id' : 'UserController.home'


};
Run Code Online (Sandbox Code Playgroud)

我对这个框架完全不熟悉,也无法在线找到足够的资源.对不起这个愚蠢的问题.

reactjs sails.js

8
推荐指数
1
解决办法
1648
查看次数

GoogleMaps:设计自定义价格标记

我正在开发一个使用离子的移动应用程序,并要求在谷歌地图中显示带有价格标记的地方,如下所示:

在此输入图像描述

我写了一个非常基本的代码来集成谷歌地图和标记.

MapController

controller('MapController', function($scope, uiGmapGoogleMapApi, $log, $timeout, $state) {

    $scope.map = { center: { latitude: 12.9250, longitude: 77.5938 }, zoom: 8, window: { show: false } };
    $scope.options = { scrollwheel: false };

    $scope.markerEvents = {
        events: {
            dragend: function(marker, eventName, args) {
                var lat = marker.getPosition().lat();
                var lon = marker.getPosition().lng();
                $log.log(lat);
                $log.log(lon);

                $scope.marker.options = {
                    draggable: true,
                    labelContent: "lat: " + $scope.marker.coords.latitude + ' ' + 'lon: ' + $scope.marker.coords.longitude,
                    labelAnchor: "100 0",
                    labelClass: "marker-labels"
                };
            }
        } …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps google-maps-api-3 ionic-framework angular-google-maps

6
推荐指数
1
解决办法
1216
查看次数

Cordova:无法使用corodva-plugin-calendar构建项目

我正在开发cordova应用程序,我希望通过日历获得某种预订功能.为此,我安装了非常着名的EddyVerbruggen/Calendar-PhoneGap-Plugin插件.

但是在构建项目时,它会抛出以下错误

/home/admin/Desktop/myApp/platforms/android/src/nl/xservices/plugins/Calendar.java:148: error: cannot find symbol
      if (PackageManager.PERMISSION_GRANTED != ContextCompat.checkSelfPermission(this.cordova.getActivity(), type)) {
                                                            ^
  symbol:   method checkSelfPermission(Activity,String)
  location: class ContextCompat
/home/admin/Desktop/myApp/platforms/android/src/nl/xservices/plugins/Calendar.java:157: error: cannot find symbol
      ActivityCompat.requestPermissions(
                    ^
  symbol:   method requestPermissions(Activity,String[],int)
  location: class ActivityCompat
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
2 errors
 FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

* …
Run Code Online (Sandbox Code Playgroud)

android cordova android-permissions cordova-plugins android-6.0-marshmallow

5
推荐指数
1
解决办法
635
查看次数

在 ReactNative 中更改列表项背景 OnSelection

我是 React-Native 的新手。我想使用 ListView 选择一项。如何更改列表视图项目背景以显示选择。我正在尝试这样。请帮助。让我知道我在这里做错了什么。它适用于第一次选择,但不再适用。

getRowSelectionStyle(isSelect){
      if(isSelect){
        return(
          {flex: 1, backgroundColor: '#dedede'}
        )
      }
      else{
        return(
          {flex: 1,backgroundColor: '#ffffff'}
        )
      }
 }

_onPressRow(rowID, rowData) {
      // Resetting all Row value of the list
      var dataClone = this.state.listData;
      for (var i = 0; i < dataClone.length; i++) {
        var cloneData = dataClone[i];
        if(i == rowID){
          cloneData.isSelect = !cloneData.isSelect;
          selectedFormIndex = cloneData.isSelect?i:(-1);
        }
        else{
          cloneData.isSelect = false;
        }
        dataClone[i] = cloneData;
      }

      this.setState({ listData: dataClone });
      this.setState({
        dataSource: this.state.dataSource.cloneWithRows(dataClone)
      });
  }

_renderRow(rowData: …
Run Code Online (Sandbox Code Playgroud)

listview react-native

5
推荐指数
1
解决办法
1172
查看次数

如何利用try-catch和资源语句来关闭连接

我正在开发一个Struts2-Hibernate动态基于Web的应用程序,它与数据库建立连接.在建立连接时,大部分时间我忘记关闭连接.所以我可以用try-catch-resource实现这一点.我也经历了javaDoc,但它引起了我的困惑.这是我从JavaDoc获得的,如果我错了,请纠正我.

具有连接代码的类必须实现AutoCloseable.这给出了一种方法public void close() throws Exception.现在我的问题是用close方法编写的代码以及如何使用实现AutoCloseable的Connection类.

MyConnectionClass

public class StuHibernateUtils implements AutoCloseable {

    static SessionFactory sessionfactory;

    static
    {
        Configuration cfg=new Configuration().configure("/student.cfg.xml");
        ServiceRegistry registry=new ServiceRegistryBuilder().applySettings(cfg.getProperties()).buildServiceRegistry();
        sessionfactory=cfg.buildSessionFactory(registry);
    }

    public static SessionFactory getSessionFactory()
    {
        return sessionfactory;      
    }

    public static Session getSession()
    {
        return sessionfactory.openSession();

    }

    @Override
    public void close() throws Exception {
        // TODO Auto-generated method stub

    }
}
Run Code Online (Sandbox Code Playgroud)

如何使用StuHibernateUtils实例自动关闭连接.

hibernate try-catch

4
推荐指数
1
解决办法
6357
查看次数

AngularJS:检测表单更改

我正在开发一个角度应用程序,我必须检查表单更改,并根据更改执行一些操作.我知道,这可以通过使用来实现,$scope.watch但这会让我失去性能.

我想要实现的目标

我有一个预先填充的表单,我将使用表单数据作为参考,angular.copy()并与原始数据进行比较.

我也试过$parsers检查,但失败了.那么,有什么方法可以实现这一目标吗?

javascript angularjs

2
推荐指数
1
解决办法
5067
查看次数