ساخت سایت MVC با استفاده از فریم ورک EXPRESS

در این مقاله می خواهیم ساخت سایت MVC با EXSPRESS و همچنین  کنترل پنل برای مدیریت محتوای سایت در دست اقدام را مورد بررسی قرار دهیم و مروری بر تعاریف اولیه MVC وEXSPRESS داریم.

معنای MVC چیست؟

M برای مدل است. مکانی برای تعریف ساختار داده ها و روش های تعامل با فروشگاه داده شما.

Vبرای مشاهده است. مکانی برای مدیریت همه چیزهایی که کاربر نهایی روی صفحه نمایش خود می بیند.

C برای کنترلر است. مکانی برای درخواست درخواست کاربر ، آوردن داده از مدل و ارسال مجدد آن به نمای.

در اینجا نحوه تنظیم برنامه های اکسپرس در یک ساختار اصلی MVC آورده شده است.

Express چیست؟

Express یکی از بهترین چارچوب های نود است که از پشتیبانی عالی و دسته ای از ویژگی های مفید برخوردار میباشد. درمقاله (آموزش و نصب Express.js)به طور کامل به آن پرداختیم و کلیه اصول اولیه را در بر می گیرد. با این حال ، این بار می خواهم کمی عمیق تر آن را مورد بررسی قرار دهیکم. به طور کلی ، این مقاله فقط برای اکسپرس نیست ، بلکه برای استفاده از آن در ترکیب با برخی ابزارهای عالی دیگر که برای توسعه دهندگان Node در دسترس است قرار دارد.

فرض می کنم شما با نود آشنا هستید ، آیا آن را بر روی سیستم خود نصب کرده اید و احتمالاً قبلاً نیز برنامه هایی با آن ساخته اید.

در اکسپرس یک middleware framework است که با مطالب مفیدی همراه است. اگر سؤال دارید که middleware  دقیقاً چیست ، در اینجا یک مثال سریع وجود دارد:

var connect = require('connect'),
    http = require('http');

var app = connect()
    .use(function(req, res, next) {
        console.log("That's my first middleware");
        next();
    })
    .use(function(req, res, next) {
        console.log("That's my second middleware");
        next();
    })
    .use(function(req, res, next) {
        console.log("end");
        res.end("hello world");
    });

http.createServer(app).listen(3000);

Middleware اساساً تابعی است که اشیاء درخواست و پاسخ و عملکرد بعدی را می پذیرد. هر واسطه می تواند تصمیم بگیرد با استفاده از یک شی پاسخگویی پاسخ دهد یا با فراخوانی پاسخ تماس بعدی ، جریان را به عملکرد بعدی منتقل کند. در مثال بالا ، اگر فراخوانی متد بعدی () را در میان افزار دوم حذف کنید (“hello world”)رشته (string) هرگز به مرورگر ارسال نمی شود.

Express در واقع اتصال را پیچیده و قابلیت های جدیدی را در اطراف آن می افزاید. به عنوان مثال ، منطق مسیریابی ، که روند را نرم تر می کند. در اینجا مثالی از رسیدگی به درخواست GET آورده شده است:

app.get('/hello.txt', function(req, res){
    var body = 'Hello World';
    res.setHeader('Content-Type', 'text/plain');
    res.setHeader('Content-Length', body.length);
    res.end(body);
});

برپایی(Setup):

دو راه برای تنظیم Express وجود دارد. مورد اول با قرار دادن آن در پرونده pack.json و نصب npm نصب می شود:

{
    "name": "MyWebSite",
    "description": "My website",
    "version": "0.0.1",
    "dependencies": {
        "express": "3.x"
    }
}

کد این فریم ورک در node_modules قرار داده می شود و شما قادر خواهید بود نمونه ای از آن را ایجاد کنید. با این حال ، ما با استفاده از ابزار خط فرمان گزینه دیگری را ترجیح می دهیم. فقط کافی است Express را در سطح جهان با npm install -g express نصب کنید. با انجام این کار ، اکنون یک ابزار CLI کاملاً جدید دارید. به عنوان مثال اگر اجرا کنید:

express --sessions --css less --hogan app

اکسپرس اسکلت برنامه ای را با چند مورد که قبلاً برای شما پیکربندی شده است ، ایجاد می کند. در اینجا گزینه های استفاده برای دستور Express (1) وجود دارد:

Options:
  -h, --help          output usage information
  -V, --version       output the version number
  -s, --sessions      add session support
  -e, --ejs           add ejs engine support (defaults to jade)
  -J, --jshtml        add jshtml engine support (defaults to jade)
  -H, --hogan         add hogan.js engine support
  -c, --css   add stylesheet  support (less|stylus) (defaults to plain css)
  -f, --force         force on non-empty directory

همانطور که می بینید ، فقط چند گزینه وجود دارد ، اما برای ما آنها کافی هستند. به طور معمول ، مااز موتور پردازشگر less  و به عنوان پیش پردازنده CSS استفاده می کنیم. در این مثال ، ما به پشتیبانی جلسه نیز نیاز خواهیم داشت ، بنابراین استدلال –sessions این مشکل را حل می کند. پس از اتمام دستور فوق ، پروژه ما به شرح زیر است:

/public
    /images
    /javascripts
    /stylesheets
/routes
    /index.js
    /user.js
/views
    /index.hjs
/app.js
/package.json

اگر پرونده pack.json را بررسی کنید ، خواهید دید که تمام وابستگی های مورد نیاز ما در اینجا اضافه شده است. اگرچه آنها هنوز نصب نشده اند. برای این کار کافی است npm install را اجرا کنید و سپس یک پوشه node_modules ظاهر می شود.

امیدواریم مطالعه این مقاله مفید باشد و ساخت سایت MVC با EXSPRESS را آغاز کتید و همچمنین ما را مقاله های بعدی دنبال کنید