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

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; 
        }
        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           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('/')         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('/') 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으로 문의하세요.
Vercel是什么?怎么部署Node服务?Vercel是什么?怎么部署Node服务?May 07, 2022 pm 09:34 PM

Vercel是什么?本篇文章带大家了解一下Vercel,并介绍一下在Vercel中部署 Node 服务的方法,希望对大家有所帮助!

node.js gm是什么node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件,它封装了图片处理工具GraphicsMagick(GM)和ImageMagick(IM),可使用spawn的方式调用。gm插件不是node默认安装的,需执行“npm install gm -S”进行安装才可使用。

一文解析package.json和package-lock.json一文解析package.json和package-lock.jsonSep 01, 2022 pm 08:02 PM

本篇文章带大家详解package.json和package-lock.json文件,希望对大家有所帮助!

分享一个Nodejs web框架:Fastify分享一个Nodejs web框架:FastifyAug 04, 2022 pm 09:23 PM

本篇文章给大家分享一个Nodejs web框架:Fastify,简单介绍一下Fastify支持的特性、Fastify支持的插件以及Fastify的使用方法,希望对大家有所帮助!

怎么使用pkg将Node.js项目打包为可执行文件?怎么使用pkg将Node.js项目打包为可执行文件?Jul 26, 2022 pm 07:33 PM

如何用pkg打包nodejs可执行文件?下面本篇文章给大家介绍一下使用pkg将Node.js项目打包为可执行文件的方法,希望对大家有所帮助!

node爬取数据实例:聊聊怎么抓取小说章节node爬取数据实例:聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据?下面本篇文章给大家分享一个node爬虫实例,聊聊利用node抓取小说章节的方法,希望对大家有所帮助!

手把手带你使用Node.js和adb开发一个手机备份小工具手把手带你使用Node.js和adb开发一个手机备份小工具Apr 14, 2022 pm 09:06 PM

本篇文章给大家分享一个Node实战,介绍一下使用Node.js和adb怎么开发一个手机备份小工具,希望对大家有所帮助!

图文详解node.js如何构建web服务器图文详解node.js如何构建web服务器Aug 08, 2022 am 10:27 AM

先介绍node.js的安装,再介绍使用node.js构建一个简单的web服务器,最后通过一个简单的示例,演示网页与服务器之间的数据交互的实现。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전