>웹 프론트엔드 >JS 튜토리얼 >node.js를 사용하여 website_node.js의 프런트엔드와 백엔드를 생성하세요.

node.js를 사용하여 website_node.js의 프런트엔드와 백엔드를 생성하세요.

WBOY
WBOY원래의
2016-05-16 16:31:331309검색

node.js는 무엇을 할 수 있나요? 나는 아직도 그것이 널리 사용되는 곳을 모릅니다. 그런 프로젝트를 접할 기회가 없습니다. 그냥 좋아서 틈틈이 웹사이트와 백엔드를 만들었어요. 나는 기술이 마음에 들면 가지고 놀 수 있지만 프로젝트에 사용하려면 많은 문제를 해결하는 데 시간을 투자해야 한다는 사실을 깊이 이해합니다.

사용된 기술:

익스프레스 + 옥

sqlite + 후속작

레디스

1. 옥에 대하여

지원이 포함됩니다. 예: include ./includes/header 헤더는 asp.net 사용자 컨트롤과 유사한 부분 보기입니다.

지원이 연장됩니다. 예를 들어, 확장 ../layout은 마스터 페이지 레이아웃을 사용합니다.

for 루프도 너무 간단합니다. 

코드 복사 코드는 다음과 같습니다.

userList의 각 항목(서버가 프런트엔드로 전달한 userList 변수)

td #{item.username}
td #{item.telephone}
td #{item.email}

추가 선호:

코드 복사 코드는 다음과 같습니다.

확장 ../admin_layout
머리 추가
link(rel='stylesheet', href='/stylesheets/font-awesome.css')
스크립트(src='/javascripts/bootstrap.js')
스크립트(src='/javascripts/bootstrap-wysiwyg.js')
스크립트(src='/javascripts/jquery.hotkeys.js')
콘텐츠 차단

추가하면 마스터 페이지 헤드 뒤에 모든 단계와 스타일이 배치됩니다.

2.sequelize는 ORM 프레임워크를 구현합니다. sqlite mysql mongodb 지원

정의 모델(기사):

코드 복사 코드는 다음과 같습니다.

var Article =sequelize.define('기사',{
제목:{
유형:Sequelize.STRING,
유효성 검사:{}
},
콘텐츠:{type:Sequelize.STRING,검증:{}},
아이콘:{유형:Sequelize.STRING,검증:{}},
아이콘 이름:{type:Sequelize.STRING},
시퀀싱:{type:Sequelize.STRING,검증:{}}
},{
클래스메소드:{
//기사 카테고리
GetCountAll:함수(objFun){
}//getCountAll 종료
}//classMethod 종료
});
Article.belongsTo(카테고리);

Article.belongsTo(Category); 각 기사에는 카테고리가 있습니다.

Sequelize 초기화 시 페이징 관련 메소드를 작성했습니다. 이런 식으로 각 모델을 정의하면 이 메서드(pageOffset, pageLimit)가 생깁니다.

코드 복사 코드는 다음과 같습니다.

var 후속작 = new Sequelize('데이터베이스', '사용자 이름', '비밀번호', {
  // SQLite! 지금!
  방언: 'sqlite',
  // sqlite용 스토리지 엔진
  // - 기본값 ':memory:'
  저장소: config.sqlitePath,
  정의:{
    클래스메소드:{
      pageOffset:함수(pageNum){
        if(isNaN(pageNum) || pageNum < 1){
          페이지번호 = 1; 
        }
        return (pageNum - 1) * this.pageLimit();
      },
      pageLimit:함수(){
        10을 반환합니다. //每页显示10条
      },
      totalPages:함수(totalNum){
        var total =parseInt((totalNum this.pageLimit() - 1) / this.pageLimit()),
            arrayTotalPages = [];
        for(var i=1; i<= total; i ){
          arrayTotalPages.push(i);
        }
        arrayTotalPages 반환;
      }
    },
    인스턴스메소드:{
    }
  }
});

사용 용도:

复主代码 代码如下:

Article.findAndCountAll({include:[Category],offset:Article.pageOffset(req.query.pageNum),limit:Article.pageLimit()}).success(function(row){
    res.render('article_list', {
      제목: '文章管理',
      기사 목록 : row.rows, 
      페이지:{
        totalPages:Article.totalPages(row.count),
        currentPage:req.query.pageNum,
        라우터:'기사'
      }
    });
  });

保存模型:

复主代码 代码如下:

수출.추가 = 함수(req, res) {
  var form = new formidable.IncomingForm();
  form.uploadDir = path.join(__dirname, '../files');
  form.keepExtensions = true;
  form.parse(req, function(err, fields,files){
    var //iconPath = files.icon.path,
        //index = iconPath.lastIndexOf('/') <= 0 ? iconPath.lastIndexOf('\') : iconPath.lastIndexOf('/') ,
        icon = path.basename(files.icon.path), // iconPath.substr(index 1,iconPath.length - index),
        아이콘 이름 = files.icon.name;
    var title = fields.title;
        id = fields.articleId;
        제목 = 필드.제목,
        콘텐츠 = fields.content,
        mincontent = fields.mincontent,
        시퀀싱=fields.sequencing == 0 ? 0 : 1,
        카테고리 = fields.category;
       기사.sync();  //如果不存就创建表。
      Category.find(범주).success(함수(c){
        var 기사 = Article.build({
          제목 : 제목,
          내용:내용,
          최소 콘텐츠:최소 콘텐츠,
          아이콘:아이콘,
          아이콘이름:아이콘이름,
          시퀀싱:시퀀싱
        });
        기사.저장()
        .success(함수(a){
          a.setCategory(c);
          return res.redirect('/admin/article');
        });
      }); //카테고리 종료
  });
}

경로.기본 이름:

复主代码 代码如下:

//iconPath = files.icon.path,
//index = iconPath.lastIndexOf('/') <= 0 ? iconPath.lastIndexOf('\') : iconPath.lastIndexOf('/') ,
icon = path.basename(files.icon.path), // iconPath.substr(index 1,iconPath.length - index),

获取文件name,比如:/a/b/aa.txt   => aa.txt.   最初时候我使用截取字符串,也能实现,但是操作系统不一样的话就会有问题。mac使用'/' . window下side是'\',我也是part署完成之后才发现的问题 .  后来发现path.basename  直接替换(文档阅读的少,就吃亏啊)。对node.js的好感재加1分。:)

3. redis 缓存经常查询,而且很少变化的数据。

复主代码 代码如下:

getCountAll:함수(objFun){
redis.get('articles_getCountAll', function(err,reply){
          if(err){
            console.log(err);
           반품;
}
            if(회신 === null){
db.all('SELECT count(articles.CategoryId) as count,categories.name,categories.id 왼쪽 기사에서 기사의 카테고리 조인.categoryID = 카테고리.id 기사별로 그룹화.CategoryId ', function(err,row){
                redis.set('articles_getCountAll',JSON.stringify(row));
                objFun(행);
           });
         }그 외{
           objFun(답글);
}
});

이 방법은 모델 레이어에 정의되어 있습니다. Express이기 때문에 최대한 MVC를 이용하여 개발하였습니다. 실제로 Route는 컨트롤러 레이어 기능을 구현합니다(라우트 폴더 이름은 컨트롤러로 지정해야 함).

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.