آموزش تاریخچه در برنامه نویسی اورلیا

آموزش تاریخچه در برنامه نویسی اورلیا

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش تاریخچه در برنامه نویسی اورلیا خواهیم پرداخت.

در این درس، شما می آموزید که چگونه از پلاگین aurelia-history استفاده کنید.

مرحله ۱ – پلاگین را نصب کنید

این افزونه از قبل به عنوان بخشی از پیکربندی استاندارد در دسترس است. اگر ()aurelia.use.standardConfiguration  را به عنوان بخشی از پیکربندی دستی تنظیم کرده اید ، آماده شروع هستید.

main.js

export function configure(aurelia) {
   aurelia.use
   .standardConfiguration()
   .developmentLogging();

   aurelia.start().then(() => aurelia.setRoot());
}

مرحله ۲ – استفاده از تاریخچه

اگر بخواهیم قابلیت حرکت به عقب یا جلو را تنظیم کنیم ، می توانیم از شی history با روش های ()back و () forward استفاده کنیم. ما این را بعد از پیکربندی روتر اضافه خواهیم کرد.

app.js

export class App {
   configureRouter(config, router) {
      config.title = 'Aurelia';
      config.map([
         { route: ['','home'],  name: 'home',  
            moduleId: './pages/home/home',  nav: true, title:'Home' },
         { route: 'about',  name: 'about',    
            moduleId: './pages/about/about',    nav: true, title:'About' }
      ]);
      this.router = router;
   }
   goBack() {
      history.back();
   }
    goForward() {
      history.forward();
   }
}

حالا بیایید دو دکمه به نمای خود اضافه کنیم.

app.html

<template>
   <nav>
      <ul>
         <li repeat.for = "row of router.navigation">      
            <a href.bind = "row.href">${row.title}</a>
         </li>
      </ul>
   </nav>
    
   <button click.delegate = "goBack()"></button> 
   //The button used for navigationg back...
    
   <button click.delegate = "goForward()"></button> 
   //The button used for navigationg forward...
    
   <router-view></router-view>
</template>

کاربران می توانند با کلیک روی دکمه های اضافه شده به عقب و جلو حرکت کنند

منبع.

لیست جلسات قبل آموزش برنامه نویسی اورلیا

1. آموزش برنامه نویسی اورلیا
2. بررسی اجمالی برنامه نویسی اورلیا 
3. آموزش تنظیمات محیطی در برنامه نویسی اورلیا 
4.  آموزش اولین برنامه در برنامه نویسی اورلیا
5. آموزش اجزا در برنامه نویسی اورلیا
6. آموزش چرخه زندگی کامپوننت در برنامه نویسی اورلیا
7. آموزش عناصر سفارشی در برنامه نویسی اورلیا
8. آموزش تزریق وابستگی در برنامه نویسی اورلیا
9. آموزش پیکربندی در برنامه نویسی اورلیا
10. آموزش پلاگین ها در برنامه نویسی اورلیا
11. آموزش اتصال داده ها در برنامه نویسی اورلیا
12. آموزش رفتار اتصال در برنامه نویسی اورلیا
13. آموزش مبدل ها در برنامه نویسی اورلیا
14. آموزش رویدادها در برنامه نویسی اورلیا
15. آموزش گردآورنده رویداد در برنامه نویسی اورلیا
16. آموزش فرم ها در برنامه نویسی اورلیا
17. آموزش HTTP در برنامه نویسی اورلیا
18. آموزش رفرنس ها در در برنامه نویسی اورلیا
19. آموزش مسیریابی در برنامه نویسی اورلیا
20. آموزش تاریخچه در برنامه نویسی اورلیا
21. آموزش انیمیشن ها در برنامه نویسی اورلیا
22. آموزش dialog در برنامه نویسی اورلیا
23. آموزش بومی سازی در برنامه نویسی اورلیا
24. آموزش ابزارها در برنامه نویسی اورلیا
25. آموزش بسته بندی در برنامه نویسی اورلیا
26. آموزش اشکال زدایی در برنامه نویسی اورلیا
27.  جامعه برنامه نویسی اورلیا