https://virgool.ir/feed/@genius.hafa2026-11-11 00:29:26https://files.virgool.ir/upload/users/165240/avatar/hokl4A.pnghttps://virgool.ir/@genius.hahttps://virgool.ir/@genius.ha/نصب-دروپال-بر-روی-vps-مرحله-چهارم-udcyihuzcujldrupalنصب دروپال بر روی vps مرحله اولنصب دروپال بر روی vps مرحله دوم نصب دروپال بر روی vps مرحله سومبرای نصب phpmyadmin  به صورت زیر عمل میکنیمsudo apt update sudo apt install phpmyadminچون ما از nginx  استفاده میکنیم در هنگام نصب هیچ یک از گزینه های apache2 و یا lighttpd را انتخاب نمیکنیمبعد از نصب باید در  nginx  دسترسی به پوشه phpmyadmin  را بدهیمsudo ln -s /usr/share/phpmyadmin /var/www/html/phpmyadminدر مرحله بعد باید یک فایل سرور بلاک برای phpmyadmin ایجاد کنیمsudo nano /etc/nginx/sites-available/phpmyadmin.confو کد زیر را جایگزاری میکنیمserver { listen 80 default_server; listen [::]:80 default_server; root /var/www/html; # Add index.php to the list if you are using PHP index index.php index.html index.htm index.nginx-debian.html; server_name IP ADDRESS; location ~ \.php$ { include snippets/fastcgi-php.conf; fastcgi_pass unix:/var/run/php/php7.3-fpm.sock; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } }و فایل default را از مسیر /etc/nginx/sites-available حذف میکنیمsudo rm -rf /etc/nginx/sites-enabled/defaultدر ادامهsudo ln -s /etc/nginx/sites-available/phpmyadmin.conf /etc/nginx/sites-enabled/ sudo nginx -tو در آخر nginx را ریستارت میکنیمsudo systemctl restart nginxبا آدرس زیر میتوانید وارد phpmyadmin بشینhttp://ip/phpmyadmin/دروپال8drupal8genius.hagenius.haFri, 17 Apr 2020 15:26:17 +0430https://virgool.ir/@genius.ha/نصب-دروپال-بر-روی-vps-مرحله-سوم-cbmiyqyuwfzcdrupalنصب دروپال بر روی vps مرحله اولنصب دروپال بر روی vps مرحله دومنصب composer بر روی vpsphp -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"HASH="$(wget -q -O - https://composer.github.io/installer.sig)"php -r "if (hash_file('SHA384', 'composer-setup.php') === '$HASH') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composercomposerنصب drush در ubuntu 18اگر میخواهید آخرین ورژن drush برای شما نصب شود از دستور زیر استفاده کنیدcomposer global require drush/drushبرای نصب drush 8 از دستور زیر استفاده کنیدcomposer global require drush/drush:8اضافه کردن drush به دایرکتوری#path for Drush sudo nano ~/.bashrc export PATH="$HOME/.composer/vendor/bin:$PATH" source ~/.bashrcو در آخرdrush statusgenius.hagenius.haFri, 17 Apr 2020 15:23:19 +0430https://virgool.ir/@genius.ha/نصب-دروپال-بر-روی-vps-مرحله-دوم-gpwhsf26gigudrupaldrupalنصب دروپال بر روی vps مرحله اولتنظیم فایروال:میخواهیم فایروال برای nginx تنظیم کنیم در اینجا ufw داریم که به صورت زیر عمل میکنیم :sudo ufw app listو خروجی :Apache Apache Full Apache Secure Bind9 Nginx Full Nginx HTTP Nginx HTTPS OpenSSHو دستواات به شکل زیر وارد میکنیم :sudo ufw allow 'Nginx HTTP'خروجیRules updated Rules updated (v6)همینطور برای apachesudo ufw allow 'Apache'در ادامه نصب phpsudo add-apt-repository ppa:ondrej/php sudo apt-get updatesudo apt-get install php7.3و پلاگین هاsudo apt install php7.3-cli php7.3-fpm php7.3-json php7.3-pdo php7.3-mysql php7.3-zip php7.3-gd php7.3-mbstring php7.3-curl php7.3-xml php7.3-bcmath php7.3-jsonنصب MariaDBsudo apt install mariadb-server mariadb-clientو در مرحله بعد پیکربندی mysqlmysql_secure_installationساخت دایرکتوری برای دامنهsudo mkdir /var/www/html/drupalweb.ir sudo chown -R $USER:$USER /var/www/html/drupalweb.ir sudo nano /etc/nginx/sites-available/drupalweb.irو کد های زیر را در فایل ایجاد شده جایگزاری میکنیمserver { listen 80; listen [::]:80; root /var/www/html/drupalweb.ir; index index.php index.html index.htm; server_name drupalweb.ir www.drupalweb.ir; client_max_body_size 100M; location / { try_files $uri $uri/ @rewrite; } location @rewrite { rewrite ^/(.*)$ /index.php; } location ^~ /maintenance/ { return 403; } location ~ \.php$ { include snippets/fastcgi-php.conf; fastcgi_pass unix:/var/run/php/php7.3-fpm.sock; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } }در ادامه کد زیر را اجرا میکنیمsudo ln -s /etc/nginx/sites-available/drupalweb.ir /etc/nginx/sites-enabled/در ادامهsudo nginx -t sudo systemctl reload nginxنصب دروپالنصب دروپال بر روی vpsنصب دروپال بر روی سرور مجازیgenius.hagenius.haFri, 17 Apr 2020 15:17:05 +0430https://virgool.ir/@genius.ha/نصب-دروپال-بر-روی-vps-مرحله-اول-bjpzl72bd2sbdrupalسلاممیخوهیم دروپال رو در یک سرور مجازی نصب کنیم ubuntu 18بعد از خرید سرور مجازی از طرف سرور دهنده به شما یک ip داده خواهد شداولین مرحله :تنظیم dns serverdomain name: drupalweb.irip: 148.251.112.92:  nameserverns1.drupalweb.irns2.drupalweb.irحالا روی سرور bind رو نصب میکنیمsudo apt-get install bind9 bind9utils bind9-docبعد از نصب bind وارد شاخه /etc/bind میشیم و فایل named.conf.options را ویرایش میکنیمcd /etc/bindnano named.conf.optionsباید دستور:// forwarders { // 0.0.0.0; // };رو به دستورforwarders { 8.8.4.4; };بعد سیو کنیددر این مرحله باید فایل zone دامنه رو بسازیمیک فایل ایجاد میکنیم به اسم drupalweb.ir.db  در /etc/bindبا محتوای; ; BIND data file for drupalweb.ir ; $TTL 3h @ IN SOA ns1.drupalweb.ir. email.drupalweb.ir. ( 1 ; Serial 3h ; Refresh after 3 hours 1h ; Retry after 1 hour 1w ; Expire after 1 week 1h ) ; Negative caching TTL of 1 day ; @ IN NS ns1.drupalweb.ir. @ IN NS ns2.drupalweb.ir. drupalweb.ir. IN MX 10 mail.drupalweb.ir. drupalweb.ir. IN A 148.251.112.92 ns1 IN A 148.251.112.92 ns2 IN A 148.251.112.92 www IN CNAME drupalweb.ir. mail IN A 148.251.112.92 ftp IN CNAME drupalweb.ir.در این مرحله باید فایل zone رو معرفی کنیم به bind در شاخه /etc/bind فایل named.conf.local را ادیت میکنیم و آدرس فایل zone که در مرحله قبل ساختیم بهش معرفی میکنیمzone "drupalweb.ir" { type master; file "/etc/bind/drupalweb.ir.db" };سپس سرویس bind را رستارت میکنیمservice bind9 restartدر این مرحله باید تست کنیم که همه چیز درست هست یا نه !اول دستور زیر را اجرا میکنیمdig @148.251.112.92 drupalweb.irحالا باید nginx رو نصب کنیمsudo apt update sudo apt install nginxدستورات برای راه اندازی و توقف nginxstop// sudo systemctl stop nginx start// sudo systemctl start nginx restart// sudo systemctl restart nginx relod// sudo systemctl reload nginx disable// sudo systemctl disable nginx enable// sudo systemctl enable nginxدر مرحله بعد میتوانیم apache رو رو سیتم داشته باشیمsudo apt-get update sudo apt-get install apache2دستورات برای راه اندازی و توقف apache//stop sudo systemctl stop apache2 //start sudo systemctl start apache2 //restart sudo systemctl restart apache2 //reload sudo systemctl reload apache2 //disable sudo systemctl disable apache2 //enable sudo systemctl enable apache2نصب دروپالنصب دروپال بر روی vpsنصب دروپال بر روی سرور مجازیgenius.hagenius.haFri, 17 Apr 2020 15:14:36 +0430https://virgool.ir/@genius.ha/شروع-کار-با-react-در-دروپال-8-is04omx1csqpdrupalreact jsکامپایل react با استفاده از Laravel Mixnpm install react react-dom -snpm install laravel-mix cross-env --save-devساخت webpack.mix.js  به صورت زیرconst mix = require('laravel-mix'); mix.react('src/index.js', 'dist');ساختpackage.json  به صورت زیر"scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" },برای دیویلوپ کردن از دستور زیر استفاده کنید$ npm run watchبرای ساخت پروژه نهایی از دستور زیر$ npm run productiongenius.hagenius.haFri, 17 Apr 2020 15:13:08 +0430https://virgool.ir/@genius.ha/سرچ-در-یک-آبجکت-با-استفاده-از-input-lcq13mvbywqejavascriptسلام میخوام در این آموزش یک سرچ ساده در یک آبجکت انجام بدیم که مقدار اولیه از یک input گرفته میشوددر مرحله اول باید قسمت html کار رو بنویسیم<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>hello world</title> </head> <body> <input type="text" id="input-search"> </body> <script src="app.js"> </html>در مرحله بعد در فایل app.js یک آبجیکت تعیرف میکنیم که شامل مقادیری می باشد که باید درآن سرچ شود که ممکن است این آبجکت از از داکیومنت html گرفته شودconst products = [ { title:'node js learning' }, { title:'es6 js learning' }, { title:'php' }, ]در مرحله بعد یک أبجکت تعریف میکنیم که مقادیر سرچ شده را در درون خود نگه میداردconst filters = { searchItem:'' }و در ادامه یک تابع که در درون آبجکت فیلتر انجام میدهد و مقادیر را درون آبجکت filters ذخیره میکندconst rebderProdoucrs = function(products, filter){ const filP = products.filter(function(item){ return item.title.toLowerCase().includes(filter.searchItem.toLowerCase()) }) console.log(filP) }و حالا باید مقادیر که مقادیر را از input بگیریم و بر روی تابع اعمال کنیمdocument.querySelector('#input-search').addEventListener('input', function(e){ filters.searchItem = e.target.value rebderProdoucrs(products, filters) })آموزش es6genius.hagenius.haFri, 17 Apr 2020 15:11:16 +0430https://virgool.ir/@genius.ha/سرچ-در-یک-آبجکت-با-استفاده-از-input-قسمت-2-r8hmkwqqjborjavascriptدر قسمت قبل (سرچ در یک آبجکت با استفاده از input) اینکه یک سرچ در یک آبجکت انجام بدیم و در console نمایش بدیم نوشتیم و در این قسمت میخوهیم مقادیر أبجکت ها را در داکیومنت نمایش بدیمخوب ابتدا باید در سند html یک div ایجاد کنیم که مقادیر آبجکت سرچ شده رو درون خود نگه داری کندو سند html را به صورت زیر تغییر میدهمی<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>hello world</title> </head> <body> <input type="text" id="input-search"> <div id="products"></div> </body> <script src="app.js"> </html>در ادامه در فایل app.js باید این تگ را بگیریم و با استفاده و مقادیر سرچ شده را به صورت زیر اضافه کینمconst products = [ { title:'node js learning' }, { title:'es6 js learning' }, { title:'php' }, ] const filters = { searchItem:'' } const rebderProdoucrs = function(products, filter){ const filP = products.filter(function(item){ return item.title.toLowerCase().includes(filter.searchItem.toLowerCase()) }) document.querySelector('#products') = '' filP.forEach(item => { const productel = document.createElement('p') productel.textContent = item.title document.querySelector('#products')(productel) }); } document.querySelector('#input-search').addEventListener('input', function(e){ filters.searchItem = e.target.value rebderProdoucrs(products, filters) })آموزش es6genius.hagenius.haFri, 17 Apr 2020 15:10:32 +0430https://virgool.ir/@genius.ha/ایجاد-controller-در-symfony-vsxze3mggvausymfonyمیخواهیم یک کنترلر در symfony ایجاد کنیم و در نهایت خروجی json داشته باشیم :بعد از نصب symfony و استارت سرور در پوشه src در پوشه Controller یک فایل به اسم BlogController ایجلد میکنیمclass BlogController extends AbstractController {}در قسمت بعد میخواهیم 3 صفحه داشته باشیم که تمامی پست ها و یک پست سرچ یک پست را ببینیمبه همین ترتیب 3 تابع به همین نام ها ایجاد ایجاد میکنیمpublic function list() {} public function post() {} public function postBYSlug() {}برای roure در symfony  ما به صورت حاشیه نویسی و از Annotation  استفاده میکنیم که میتوانید با استفاده از دستور زیر آن را نصب کیندcomposer require annotationsما در اینجا میخواهیم پست های وبلاگ خودمون را از یک تابع که به صورت private تعیرف کرده ایم بگیریم که به صورت زیر استprivate const POST = [ [ 'id' => 1, 'slug' => 'hello world', 'title' => 'hello world' ], [ 'id' => 2, 'slug' => 'one hello world', 'title' => 'one hello world' ], [ 'id' => 3, 'slug' => 'two hello world', 'title' => 'two hello world' ], ];که در تابع اول میخواهیم تمامی پست ها رو ببینیم/** * @Route("/{page}", name="blog_list ", defaults={"page": 5 }) */ public function list($page = 1) { return new JsonResponse( [ 'page' => $page, 'data' => array_map(function ($item){ return $this->generateUrl('blog_by_id', ['id' => $item['id']]); } ,self::POST) ] ); }در تابع دوم یک پست را با استفاده از id/** * @Route("/post/{id}", name="blog_id ") */ public function post($id) { return new JsonResponse( self::POST[ array_search($id, array_column(self::POST, 'id'))] ); }و در تابع بعدی سرچ یک پست با استفاده از یک مقدار متغییر/** * @Route("/post/{slug}", name="blog_by_slug ") */ public function postBYSlug($slug) { return new JsonResponse( self::POST[array_search($slug, array_column(self::POST, 'slug'))] ); }که در نهاییت کد ما به شکل زیر می باشد<?php namespace App\Controller; use Symfony\Bundle\FrameworkBundle\Controller\AbstractController; use Symfony\Component\HttpFoundation\JsonResponse; use Symfony\Component\Routing\Annotation\Route; /** * Class BlogController * @Route("/blog") */ class BlogController extends AbstractController { private const POST = [ [ 'id' => 1, 'slug' => 'hello world', 'title' => 'hello world' ], [ 'id' => 2, 'slug' => 'one hello world', 'title' => 'one hello world' ], [ 'id' => 3, 'slug' => 'two hello world', 'title' => 'two hello world' ], ]; /** * @Route("/{page}", name="blog_list ", defaults={"page": 5 }) */ public function list($page = 1) { return new JsonResponse( [ 'page' => $page, 'data' => array_map(function ($item){ return $this->generateUrl('blog_by_id', ['id' => $item['id']]); } ,self::POST) ] ); } /** * @Route("/post/{id}", name="blog_by_id", requirements={"id"="\d+"}) */ public function post($id) { return new JsonResponse( self::POST[ array_search($id, array_column(self::POST, 'id'))] ); } /** * @Route("/post/{slug}", name="blog_by_slug ") */ public function postBYSlug($slug) { return new JsonResponse( self::POST[array_search($slug, array_column(self::POST, 'slug'))] ); } }ساخت وبلاگ در symfonygenius.hagenius.haFri, 17 Apr 2020 15:09:10 +0430https://virgool.ir/@genius.ha/ایجاد-entity-در-symfony-xyny9acvqlxdsymfonyاولین مرحله باید  orm-pack را نصب کنیم برای نصب orm-pack به صورت زیر عمل میکنیم که doctrine نصب خواهد کردcomposer require symfony/orm-packو درمرجله بعدی نصب maker-bundlecomposer require --dev symfony/maker-bundleو بعد از تنظیمات database به صورت زیر عمل میکنیمدر مرحله اول با دستورphp bin/console make:entityیک entity ایجاد میکنیم  که با همین دستور میتوانید تمامی فیلد ها را ایجاد کنیدبعد از اینکه تمامی فیلد ها را ایجاد کردید میتوانید با استفاده از دستور زیر پایگاه داده را برای ایجاد جدول آماده کنیدphp bin/console make:migrationحالا با استفاده از دستور زیر جدول خود را ایجاد کنیدphp bin/console doctrin:migrations:migrategenius.hagenius.haFri, 17 Apr 2020 15:07:11 +0430https://virgool.ir/@genius.ha/آموزش-ماژول-نویسی-دروپال-8-قسمت-6-ds9gpv2md4gldrupalدر این اموزش به فرم ها در دروپال ۸ میپردازیم   در ادامه قصد داریم ماژول قبلی را گسترش داده و به فیلد های که جدید در دروپال8 اضافه شده است بپردازیمآموزش ماژول نویسی دروپال 8 قسمت 5آموزش ماژول نویسی دروپال 8 قسمت 4آموزش ماژول نویسی دروپال 8 قسمت 3آموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1فرم های که به دروپال 8 اضافه شده اند به صوت زیر می باشدtele-mailnumberdateurlsearchrangecolorدر ادامه میخواهیم هر یک از فیلد ها را به مازول خودمون اضافه کنیم<?php namespace Drupal\custom\form; use Drupal\Core\Form\FormBase; use Drupal\Core\Form\FormInterface; use Drupal\Core\Form\FormStateInterface; class CustomForm extends FormBase { /** * Returns a unique string identifying the form. * * The returned ID should be a unique string that can be a valid PHP function * name, since it's used in hook implementation names such as * hook_form_FORM_ID_alter(). * * @return string * The unique string identifying the form. */ public function getFormId() { return 'my_custom_form'; } /** * Form constructor. * * @param array $form * An associative array containing the structure of the form. * @param \Drupal\Core\Form\FormStateInterface $form_state * The current state of the form. * * @return array * The form structure. */ public function buildForm(array $form, FormStateInterface $form_state) { $form['description'] = [ '#type' => 'item', '#markup' => $this->t('Please enter the title and accept the terms of use of the site.'), ]; $form['title'] = [ '#type' => 'textfield', '#title' => $this->t('Title'), '#description' => $this->t('Enter the title of the book. Note that the title must be at least 10 characters in length.'), '#required' => TRUE, ]; $form['phone'] = array( '#type' => 'tel', '#title' => t('Your telephone number'), '#placeholder' => '+0 (000) 000-0000', ); $form['email'] = array( '#type' => 'email', '#title' => t('Your e-mail address'), '#placeholder' => 'john @example.com', ); $form['stepped_float'] = array( '#type' => 'number', '#title' => t('This will allow the floating point numbers 2, 2.5, 3 and 3.5'), '#min' => 2, '#step' => 0.5, '#max' => 3.5, ); $form['integer'] = array( '#type' => 'number', '#title' => t('This will allow only integers greater or equal to 41'), '#min' => 41, ); $form['float'] = array( '#type' => 'number', '#title' => t('This will allow any floating point number smaller or equal to 100'), '#max' => 100, '#step' => 'any', ); $form['stepped_float'] = array( '#type' => 'number', '#title' => t('This will allow the floating point numbers 2, 2.5, 3 and 3.5'), '#min' => 2, '#step' => 0.5, '#max' => 3.5, ); $form['background_color'] = array( '#type' => 'color', '#title' => t('Pick a background color'), ); $form['date'] = array( '#type' => 'date', '#title' => t('date'), '#date_data_format' => 'Y-m-d', ); $form['keyword'] = array( '#type' => 'search', '#title' => t('Search'), '#placeholder' => t('Enter a term to look up'), ); $form['accept'] = array( '#type' => 'checkbox', '#title' => $this ->t('I accept the terms of use of the site'), '#description' => $this->t('Please read and accept the terms of use'), ); $form['actions'] = [ '#type' => 'actions', ]; $form['actions']['submit'] = [ '#type' => 'submit', '#value' => $this->t('Submit'), ]; return $form; } public function validateForm(array &$form, FormStateInterface $form_state) { parent::validateForm($form, $form_state); $title = $form_state->getValue('title'); $accept = $form_state->getValue('accept'); if (strlen($title) < 10) { // Set an error for the form element with a key of "title". $form_state->setErrorByName( 'title', $this->t( 'The title must be at least 10 characters long.')); } if (empty($accept)){ // Set an error for the form element with a key of "accept". $form_state->setErrorByName( 'accept', $this->t( 'You must accept the terms of use to continue')); } } public function submitForm(array &$form, FormStateInterface $form_state) { drupal_set_message($form_state->getValue('title')); return; } }آموزش ماژول نویسی دروپال 8فرم ها در دروپال 8فرم ها در drupal8genius.hagenius.haMon, 13 Apr 2020 11:12:11 +0430https://virgool.ir/@genius.ha/آموزش-ماژول-نویسی-دروپال-8-قسمت-5-kxjcjcausrobدر این اموزش به فرم ها در دروپال ۸ میپردازیمآموزش ماژول نویسی دروپال 8 قسمت 4آموزش ماژول نویسی دروپال 8 قسمت 3آموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1فرم ها در دروپال 8ما در این مرحله ماژولی را که نوشه بودیم گسترش میدهیمابتدا در روت اصلی ماژول یه پوشه جدید به اسم Form  ایجاد میکنیم و در پوشه ایجاد شده فایل به نام CustomForm.php ایجاد میکنیم و در فایل ایجاد شده کد ها را به صورت زیر مینویسیم<?<?php namespace Drupal\custom\form; use Drupal\Core\Form\FormBase; use Drupal\Core\Form\FormInterface; use Drupal\Core\Form\FormStateInterface; class CustomForm extends FormBase { }در اینجا بک namespace برای فرم خودمون تعریف میکنمو مقادیر FormInterface و FormStateInterface برای این شاخه use  میکنیمدر ادامه باید برای این فرم یک form id ایجاد کینم/** * Returns a unique string identifying the form. * * The returned ID should be a unique string that can be a valid PHP function * name, since it's used in hook implementation names such as * hook_form_FORM_ID_alter(). * * @return string * The unique string identifying the form. */ public function getFormId() { return 'my_custom_form'; }بعد میتوانیم فیلد های خودمون رابه صورت زیر ایجاد کینم/** * Form constructor. * * @param array $form * An associative array containing the structure of the form. * @param \Drupal\Core\Form\FormStateInterface $form_state * The current state of the form. * * @return array * The form structure. */ public function buildForm(array $form, FormStateInterface $form_state) { $form['description'] = [ '#type' => 'item', '#markup' => $this->t('Please enter the title and accept the terms of use of the site.'), ]; $form['title'] = [ '#type' => 'textfield', '#title' => $this->t('Title'), '#description' => $this->t('Enter the title of the book. Note that the title must be at least 10 characters in length.'), '#required' => TRUE, ]; $form['accept'] = array( '#type' => 'checkbox', '#title' => $this ->t('I accept the terms of use of the site'), '#description' => $this->t('Please read and accept the terms of use'), ); $form['actions'] = [ '#type' => 'actions', ]; $form['actions']['submit'] = [ '#type' => 'submit', '#value' => $this->t('Submit'), ]; return $form; }برای فرم میتوانیم یک ولیدت ایجاد کنیمpublic function validateForm(array &$form, FormStateInterface $form_state) { parent::validateForm($form, $form_state); $title = $form_state->getValue('title'); $accept = $form_state->getValue('accept'); if (strlen($title) < 10) { // Set an error for the form element with a key of "title". $form_state->setErrorByName('title', $this->t('The title must be at least 10 characters long.')); } if (empty($accept)){ // Set an error for the form element with a key of "accept". $form_state->setErrorByName('accept', $this->t('You must accept the terms of use to continue')); } }و در انتها مقدار submit را تعریف میکنمpublic function submitForm(array &$form, FormStateInterface $form_state) { drupal_set_message($form_state->getValue('title')); return; }در نهایت ماژول به صورت زیر خواهد بود<?php namespace Drupal\custom\form; use Drupal\Core\Form\FormBase; use Drupal\Core\Form\FormInterface; use Drupal\Core\Form\FormStateInterface; class CustomForm extends FormBase { /** * Returns a unique string identifying the form. * * The returned ID should be a unique string that can be a valid PHP function * name, since it's used in hook implementation names such as * hook_form_FORM_ID_alter(). * * @return string * The unique string identifying the form. */ public function getFormId() { return 'my_custom_form'; } /** * Form constructor. * * @param array $form * An associative array containing the structure of the form. * @param \Drupal\Core\Form\FormStateInterface $form_state * The current state of the form. * * @return array * The form structure. */ public function buildForm(array $form, FormStateInterface $form_state) { $form['description'] = [ '#type' => 'item', '#markup' => $this->t('Please enter the title and accept the terms of use of the site.'), ]; $form['title'] = [ '#type' => 'textfield', '#title' => $this->t('Title'), '#description' => $this->t('Enter the title of the book. Note that the title must be at least 10 characters in length.'), '#required' => TRUE, ]; $form['accept'] = array( '#type' => 'checkbox', '#title' => $this ->t('I accept the terms of use of the site'), '#description' => $this->t('Please read and accept the terms of use'), ); $form['actions'] = [ '#type' => 'actions', ]; $form['actions']['submit'] = [ '#type' => 'submit', '#value' => $this->t('Submit'), ]; return $form; } public function validateForm(array &$form, FormStateInterface $form_state) { parent::validateForm($form, $form_state); $title = $form_state->getValue('title'); $accept = $form_state->getValue('accept'); if (strlen($title) < 10) { // Set an error for the form element with a key of "title". $form_state->setErrorByName('title', $this->t('The title must be at least 10 characters long.')); } if (empty($accept)){ // Set an error for the form element with a key of "accept". $form_state->setErrorByName('accept', $this->t('You must accept the terms of use to continue')); } } public function submitForm(array &$form, FormStateInterface $form_state) { drupal_set_message($form_state->getValue('title')); return; } }میتوانیم یک route جدید برای فرم تعرف کنیم \mycustom.content: path: '/hello' defaults: _controller: 'Drupal\mycustom\Controller\MycustomController::content' _title: 'Hello world' requirements: _permission: 'my custom permisstion' mycustom.form: path: '/csfrom' defaults: _form: 'Drupal\mycustom\Form\MycustomForm' _title: 'Hello world' requirements: _permission: 'my custom permisstion'آموزش ماژول نویسی دروپال 8فرم ها در دروپال 8genius.hagenius.haMon, 13 Apr 2020 11:11:12 +0430https://virgool.ir/@genius.ha/آموزش-ماژول-نویسی-دروپال-8-قسمت-4-ydy2lasaiiyudrupalدر این آموزش قصد دارم ایجاد permission  در دروپال توضیح بدم یعنی شما بتونید برای صفحه ای که ایجاد کرده اید این امکان رو داشته باشید که کاربر خاصی به محتوای صفحه دسترسی داشته باشدآموزش ماژول نویسی دروپال 8 قسمت 3آموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1برای این مورد در شاخه ماژول یک فایل به اسم custom.permissions.yml ایجاد میکنیم و کد ها را به صورت زیر اضافه خواهیم کرد# In custom.permissions.yml file. access all views: title: 'my custom permisstion' description: 'A custom permission for your module settings page.' restrict access: TRUEو در فایل custom.routing در قسمت requirements کد را به صورت زیر ویرایش میکنمrequirements: _permission: 'my custom permisstion'بعد با پاک کردن کش و رفتن به صفحه مدیریت پرمیشن ها میتوانید به یک نقش خاص اجازه دسترسی به صفحه خودتون را دهیدآموزش ماژول نویسی دروپال 8genius.hagenius.haMon, 13 Apr 2020 11:10:07 +0430https://virgool.ir/@genius.ha/آموزش-ماژول-نویسی-دروپال-8-قسمت-3-terc6xas0f1xdrupalدر این قسمت از آموزش قصد داریم یک Controller  ایجاد کنیم و نتیجه کار را به صوت فیزیکی ببینیمدر قسمت ها قبلآموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1نحوه آموزش ساخت یک ماژول و ایجاد Routing در دروپال را یاد گرفیتم در این آموزش قصد داریم یک Controller ایجاد کنیمایجاد Controller  در drupal8 :ابتدا در شاخه ماژول یک پوشه به نام src ایجاد میکنم و در پوشه ایجاد شده پوشه دیگری به نام Controller ایجاد میکنم و یک فایل به نام CustomController.php میسازیم و کد ها را به صورت زیر مینویسیم<?php /** * @file * Contains \Drupal\custom\Controller\CustomController. */ namespace Drupal\custom\Controller; use Drupal\Core\Controller\ControllerBase; class CustomController extends ControllerBase { public function content() { return array( '#type' => 'markup', '#markup' => t('Hello world'), ); } }در کد بالا هر کلاس تعریف شده در دروپال 8 باید در یک فضای کاری یا به اصطلاح namespace قرار گیرد. این کار از این جهت لازم است که در صورت وجود کلاس ها با نام مشابه در زمان ارجاع به کلاس از بیرون تداخلی صورت نگیرد و هر کلاس با توجه به فضای کاری خود مورد ارجاع قرار گیرد. بنابراین این پارامتر را نیز اضافه کنید.حالا با یک بار پاک کردن کش دروپال و رفتن به صفحه /hello میتوانید نتیجه کار خودتون را ببینید \آموزش ماژول نویسی دروپال 8genius.hagenius.haMon, 13 Apr 2020 11:09:15 +0430https://virgool.ir/@genius.ha/آموزش-ماژول-نویسی-دروپال-8-قسمت-2-ktu4dctnqdegdrupalدر این جلسه قصد داریم ماژول خودمون را گسترش دهیم ولی پیش از این کمی در مورد معماری mvc صحبت خواهیم کرد و بعد به routing  در دروپال خواهیم پرداختمعماری mvc از یک رویکرد سه لایه تبعیت می کند. هر بخش از معماری mvc دارای ویژگی های خاصی بوده و وظایف ویژه ای را به صورت مجزا بر عهده دارد.معماری mvc بارها به گوشتان خورده است و شاید از خود سوال کنید که این معماری به چه دردی می خورد و علت محبوبیت Mvc چیست. آشنایی و شناسایی دقیق با معماری Mvc سبب می شود که نتیجه کارتان یک تغییر اساسی نمایددر این معماری در واقع ما دارای ترجمه ای از قسمت های مهم معماری به شکل زیر هستیم:MODEL : وظیفه کار با پایگاه داده را بر عهده دارد.VIEW : وظیفه ارتباط با کاربر نهایی را بر عهده دارد.Control : وظیفه کنترل View و Model و نحوه ارتباط آن دو را با هم بر عهده داردMVC چیست ؟MvC مخفف سه کلمه Model View Controller هست . در واقع MVC بر روی معماری های چند لایه ای جهت جداسازی قسمت های مختلف برنامه و به طور دقیق تر جدا کردن بخش ها منطقی برنامه اعم از دیتا ، permission ها ، چک کردن صحت داده ها و .... از لایه Presentation layer یا در واقع همان لایه ای که مستقیما با کاربر نهایی (End user) در ارتباط است ،قرار میگیرد. پس بر اساس توضیحات فوق می توانیم هر یک از بخش های معماری MVC یعنی Model و View و controller را به شکل زیر تعریف کنیم.1. Modelدر واقع بار اصلی معماری MVC بر عهده این بخش است . این بخش می تواند با داده ها در ارتباط باشد .الزاماً منظور از داده حتما ارتباط با پایگاه های داده همچون MSSQL و Access و ... نیست ، حتی منبع داده ها در بخش Model می تواند یک آرایه از اعداد و یا هر چیز دیگری باشد . همچنین Model وظیفه چک کردن داده ها جهت صحت درستی داده ها را هم بر عهده دارد (در این زمینه همکاری بیشتری با بخش Controller دارد) و همینطور وظایف دیگری که در مثال ها ی عملی که در آینده خواهم زد بیشتر آشنا خواهید شد.2. Viewاین بخش که در واقع همان بخش Presentation Layer در معماری 3 لایه میباشد وظیفه بر قراری ارتباط با کاربر نهایی و گرفتن داده از کاربر و نمایش داده های اماده با کاربراز طریق برقراری ارتباط با دو بخش دیگر یعنی Model و controller است . در واقع نکته مهمی که در بخش View باید مد نظر داشت این است که این لایه مسئول کنترل صحت داده های وارد شده از طریق کاربر و همچنین مسئول صحت داده های نشان داده شده به کاربر نیست . در واقع این بخش با داده های خام کار میکند . یک مثال ساده خیلی از برنامه نویسان هنگامی که در فرم Login برنامه ،کاربر کلمه عبور خود را وارد میکند ، در همان فرم Login اقدام به چک کردن پسورد مبنی بر صحت آن و ... می کنند . که این عمل در معماری MVC قابل قبول نیست . در واقع برای حل مسئله فوق در معماری MVC در فرم Login هنگامی که کاربر کلمه عبور را وارد کرد و دکمه Login یا ورود را زد ، کلمه عبور داده شده بدون هیچ گونه اعمالی اعم از Encrypt کردن و ... به بخش های دیگر فرستاده میشود و فقط یک نتیجه ساده مبنی بر این که کاربر اجازه ورود دارد یا خیر را از بخش های دیگر دریافت میکند که بر اساس آن اجازه ورود کاربر به برنامه داده میشود .3. Controllerاین بخش همانطور که از اسم آن مشخص است یک بخش کنترل کننده می باشد ، و در واقع واسطی بین دو بخش Model و View میباشد. حال ببینیم روند اجرای برنامه در معماری MVC به چه نحوی خواهد بود . در معماری MVC روند کلی برنامه (جزئیات را در ادامه خواهید دید) به این شکل است که کاربر تقاضای خود را از طریق واسط های برنامه نویسی (نظیر Form ها و User Control ها و .. ) از برنامه (از بخش View)درخواست می کند . بخش View در خواست ها را به بخش Controller فرستاده و این بخش با برقراری ارتباط با بخش Model در خواست های کاربر را پردازش کرده و پس از پایان پردازش زمانی که خروجی درخواست داده شده آماده گردید بخش Controller بخش View را آگاه می سازد تا خود را بر اسا س تغییرات جدید که اصطلاحاً در معماری MVC به آن حال Model می گویند ، به روز سازد . در واقع چیزی که باعث میشود تا بخش Controller به بخش View اطلاع دهد که باید حالت جدید model را دریافت کند و خود را Update کند این است که بخش View باید قبلا خودش را در بخش Model اصطلاحا Register کرده باشد که البته عمل Register کردن توسط بخش Controller انجام میگیرد . نحوه register کردن بخش View به معماری آن محیط و همچنین زبانی که توسط آن برنامه را گسترش میدهید و همچنین قابلیت های آن زبان بستگی دارد.Routing  در دروپال :routing تعیین کننده مسیری هستند که باید د رآن مسیر کد خاصی اجرا شود این کار با استفاده از یک درخواست به url انجام میشود به عنوان مثال ما میخواهیم یک یک  آدرس/hello ایجاد کنیم و عبارت Hello world را داشته باشیمابتدا در مسر ماژول ایجاد شده یک فایل به اسم custom.routing.yml ایجاد میکنیم و کد ها را به صورت زیر مینویسیمcustom.content: path: '/hello' defaults: _controller: 'Drupal\custom\Controller\CustomController::content' _title: 'Hello world' requirements: _permission: 'access content'در قسمت path  مسیر را تعیین میکنمدر قسمت  defaults تعیین میکنیم که این مسیر چه ریسپانسی داشته باشد یعنی باید یک کنترلر ایجاد کنیم به اسم CustomController که مقداری که تعریف میکنم را برمیگرداند .\در آموزش بعد یک کنترلر تعریف میکنم و ماژول خودمان را گشترش میدهیمآموزش ماژول نویسی دروپال 8genius.hagenius.haMon, 13 Apr 2020 11:06:22 +0430https://virgool.ir/@genius.ha/آموزش-ماژول-نویسی-دروپال-8-قسمت-1-cdxyojb5ryakdrupalدر ابتدا میخواهیم  یک ماژول برای دروپال ۸ ایجاد کنیم همچنین میخواهیم یک پیج ایجاد کنیم و دسترسی های مربوط به پیج را اضافه کنیم و در آخر پیکربندی های مربوط به نصب ماژول برای دروپال ۸ را انجام دهیم .برای ایجاد یک ماژول جدید در دروپال در پوشه module رفته و یک پوشه به نام دلخواه ایجاد میکنیمدر پوشه ایجاد شده باید فایل .info.yml را ایجاد کردهمن نام ماژول خودم رو custom گذاشتم و فایل به صورت زیر ایجاد کیکنمcustom.info.ymlو فایل به صورت زیر مینویسیمname: custom type: module description : 'test module drupal 8' core: 8.xشما میتوانید پیشنازهای برای این ماژول داشته باشید که به صورت زیر میتوانید آن ها را در ماژول خود بیان کنید \name: custom type: module description : 'test module drupal 8' core: 8.x dependencies: - drupal:breakpoint - drupal:imageدر آموزش بعدی ایجاد یک پیج سفارشی را آموزش خواهیم دادآموزش ماژول نویسی دروپال 8genius.hagenius.haSun, 05 Apr 2020 20:55:17 +0430