Webdesige

一个产品，在一个工厂里有多个设计实现

一个产品，在多个各自的工厂里，有自己特有的设计实现

对于多个产品，在多个各自的工厂里，有自己特有的对每个产品的设计实现

没事不要执行该代码

cd ~/Documents/web/key_aws
ssh ubuntu@3.124.205.43 -i pass1aws.pem
sudo apt update -y
sudo apt upgrade -y
sudo apt install apache2
sudo systemctl status apache2
sudo systemctl enable apache2
sudo apt install mariadb-server mariadb-client
sudo systemctl start mariadb
sudo systemctl status mariadb
sudo mysql_secure_installation ...
sudo systemctl restart mariadb
sudo apt install php php-mysql php-gd php-cli php-common
sudo apt install wget unzip
sudo wget https://wordpress.org/latest.zip
sudo unzip latest.zip
sudo cp -r wordpress/* /var/www/html/
cd /var/www/html/
sudo chown www-data:www-data -R /var/www/html/
sudo rm index.html 
## Now go to the IP webseit, when need database, do so
sudo mysql -u root -p
Enter
##  create database wordpress;
create database wordpress;
create user "wpadmin"@"%" identified by "wpadminpw";
grant all privileges on wordpress.* to "wpadmin"@"%";
exit;

back to the IP webseit, pass the database , username and password, set username and password for wordpress, 到此，可以用IP 地址访问前端和后台了

route53, 用域名创建NS A-IPV4,名称为空， 值为IP CNAME，名称www, 值为域名 再将A 和CNAME 放到namecheap的域名的DNS管理中

sudo a2enmod ssl
sudo systemctl restart apache2
cd ~
wget https://dl.eff.org/certbot-auto
chmod a+x certbot-auto
sudo ./certbot-auto --apache....

go to https://www.sslshopper.com/ssl-checker.html and check you domina

transfer file to linux instance of CE2

scp -i pass1aws.pem init.el ubuntu@3.124.205.43:.emacs.d

• 将文件传到部署根目录
• 复制文件xxx.html 为page-xxx.php到应用主题根目录
• 创建页面，先只写标题，保存后改别名，slug 为xxx
• 发布后，将页面设为菜单就能访问

Emacs : M-x lsp-java-springboot-generate after build the project, it can be compiled by Maven,and run

digraph diagramm {
        Emacs  [shape=box,color=red]
        LspJavaSpringInitizer [shape=box,color=red]
        Config [shape=box,color=red]
        dapDebug [shape=box,color=red]
        Programmierung [shape=box,color=red]
        Terminal ->  Maven建包;
        Maven建包 -> Maven加依赖pom;
        Maven加依赖pom -> OpenEmacsFile;
        OpenEmacsFile ->   Programmierung;
        Programmierung -> MavenCompile;
        MavenCompile -> MavenPackage;
        MavenCompile -> dapDebug[label = "也可./mvnx"];
        MavenPackage -> 执行jar包;
        MavenPackage -> dapDebug;
        执行jar包 -> dapDebug;
        Emacs -> LspJavaSpringInitizer;
        LspJavaSpringInitizer -> Config;
        Config -> Programmierung;
        Programmierung -> dapDebug;
        dapDebug -> Webbroser;
}

1 add the to the above SRC begin:  dot :file ../sysconf/foto/webbuild.png
2 delete the output :  [[file:../sysconf/foto/webbuild.png]]
3 push the sysc repository, because the foto is located in it
4 add the link from sysc repository  https://github.com/scofild429/sysc/blob/master/foto/webbuild.png

webbuild.png

1 可同时访问修改 脏读 2 隔离访问 不可重返读 3 单人访问 幻读

1.download the driver to a current to java file

official web, and in my case

mysql-connector-java-8.0.20.jar

2.add the current path to the CLASSPATH

export CLASSPATH=mysql-connector-java-8.0.20.jar:.

3.compile and connect

if I want to package them to a package to a jar starkoverflow hitting and this plugin to pom.xml

<build>
  <plugins>
    <plugin>
      <artifactId>maven-assembly-plugin</artifactId>
      <configuration>
        <archive>
          <manifest>
            <mainClass>fully.qualified.MainClass</mainClass>
          </manifest>
        </archive>
        <descriptorRefs>
          <descriptorRef>jar-with-dependencies</descriptorRef>
        </descriptorRefs>
      </configuration>
    </plugin>
  </plugins>
</build>

and run with : mvn clean compile assembly:single

and then mvn package

can be called by jar file

java -cp target/xxxx….xx.jar com.mycompany.app.App

just call the plugins at the start

声明式：Annoation
1, 配置事务管理器
2, 开启事务注解
3, 添加事务注解
@Transaction(propagation, isolation, timeout, readout, (no)rollback)
propagation;事务是否传播
isolation:
脏读：未提交的事务读取到另一个未提交的事务的原始数据
不可重复读；未提交的事务读取到另一个提交的事务的原始数据
幻读；未提交的事务读取到另一个提交的事务的修改数据

1. create mvn project
2. find the plugin of mysql and add it to pom.xml
3. programmierung
4. the connection can be call in the dabug of emacs

M-x :dap-debug

go to official seit and stetp by step

sudo systemctl start mongod

:admin at the first step, we must login into one database

show dbs;
use xiaoma;
db.createCollection("posts");
show collections;
db.posts.drop();
db.dropDatabase();

mongo xiaoma : can just get in xiaoma database

将config中的 ngx_moduleincs="/usr/local/include" and CORE_INCS= "$CORE_INCS /usr/local/include" 改为： ngx_module_incs"/usr/include/fastdfs /usr/include/fastcommon" CORE_INCS= ="$CORE_INCS /ur/include/fastdfs /usr/include/fastcommon"

再将config同目录下的mod_fastdfs.conf 复制到/etc/fdfs/中 and modify:

• tracker_server just like in storage.conf
• url_{havegroupname} = true
• store_path0 just like in storge.conf

最后将fastdfs中conf中的http.conf和mime.types复制的/etc/fdfs/

apt-get install libpcre3 libpcre3-dev apt-get install libpcre3 zlib1g apt-get install libpcre3 zlib1g-dev ./configure –prefix=/opt/nginx –sbin-path=/usr/bin/nginx –add-module=../fastdfs-nginx-module-1.20/src make sudo make install

location ~/group([0-9]){ ngx_{fastdfsmodule}; }

cd usr/bin ./nginx

OR: sudo /usr/bin/nginx -s reload

#fastdfs设置
fdfs:
  so-timeout: 2500       # 读取时间
  connect-timeout: 5000   # 连接超时时间
  thumb-image:           # 缩略图
    width: 100
    height: 100
  tracker-list:          # tracker服务配置地址列表
    - localhost:22122
upload:
  base-url: localhost/
  allow-types:
    - image/jpeg
    - image/png
    - image/bmp

模式： 单例和多例：生命周期：创建和销毁时间

New-> XML Configuration File -> Spring Config default name: ApplicationContext.xml

<bean class="xxx.xxx.xxx.class" id="" (gleich wie name="") 别名可以多个，隔开即可 <consturctor-arg ref="beanid"> für contributor bean <consturctor-arg name="xxx" value="yyy"> für contributor string c:contributor C名称空间 <list> <map> <set> <p> <util> <properties> … ><bean>

Don't use @Component or Service Controller Repository to inject bean(IOC) with a config class @Configuation Use @bean on it's consturctor function to inject bean. 对其多实现类的歧义性处理，和自动装配一样，@Primary @Qualifer and BEANID

after injuct in pox.xml, create log4j.properties in project resources fold

log4j.rootCategory=INFO, stdout

log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern=%d{ABSOLUTE} %5p %t %c{2}:%L - %m%n

log4j.category.org.springframework.beans.factory=DEBUG

动态代理，(JDK，接口) (CGLib, 接口)

前置，后置，环绕 class 1 -> Bean 1 Bean 1 + pointcut(expression,within,args) + class 2 -> Bean 2

JDBC Template update(sql, args) 增删改 queryForObject()查 query() bachtupdate()

1. # will add ’ ’ around the given paramenters, so it's saft, with concat
2. $ will not add ’ ’, it's not safe

<sql id="commonField" id, goodname, price </sql>

Select <include refid="commonField" />

• 获取字节输入流
• 构建SqlSessioFactory
• 生产SqlSession
• 执行Dao
• 释放资源

SqlSession

SqlSessionFactory

1, just deploy my web seit normally, and can be access by http 2, sudo apt install certbot python-certbot-nginx 3, sudo certbot certonly –nginx (will be asked) 4, sudo certbot install –nginx

sudo apt install nginx sudo systemctl restart nginx sudo apt install php sudo apt install php-fpm check if exit: /var/run/php/php7.2-fpm.sock

emacs /etc/php/7.2/fpm/pool.d/www.conf -> listen = /run/php/php7.2-fpm.sock

cd /etc/nginx/sites-available emacs default

list  post
root  folder
location ~ \.php${
         include snippets/fastcgi-php.conf;
         fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
         include fastcgi_params;
}

vollstandig

################### 9020 FOR php ##################################################################################
server {
        listen 9020;
        listen [::]:9020;

        # SSL configuration
        #
        # listen 443 ssl default_server;
        # listen [::]:443 ssl default_server;
        #
        # Note: You should disable gzip for SSL traffic.
        # See: https://bugs.debian.org/773332
        #
        # Read up on ssl_ciphers to ensure a secure configuration.
        # See: https://bugs.debian.org/765782
        #
        # Self signed certs generated by the ssl-cert package
        # Don't use them in a production server!
        #
        # include snippets/snakeoil.conf;

        root /home/sx/Documents/nginx9020;

        # Add index.php to the list if you are using PHP
        index index.html index.htm index.nginx-debian.html index.php;

        server_name _;

        location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ =404;
        }

        # pass PHP scripts to FastCGI server
        #
        location ~ \.php$ {
                include snippets/fastcgi-php.conf;

                # With php-fpm (or other unix sockets):
                fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
                # With php-cgi (or other tcp sockets):
                include fastcgi_params;
                #fastcgi_pass 127.0.0.1:9000;
        }

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #	deny all;
        #}
}

if I want to package them to a package to a jar starkoverflow hitting and this plugin to pom.xml

<build>
  <plugins>
    <plugin>
      <artifactId>maven-assembly-plugin</artifactId>
      <configuration>
        <archive>
          <manifest>
            <mainClass>fully.qualified.MainClass</mainClass>
          </manifest>
        </archive>
        <descriptorRefs>
          <descriptorRef>jar-with-dependencies</descriptorRef>
        </descriptorRefs>
      </configuration>
    </plugin>
  </plugins>
</build>

package and Execute

• run with : mvn clean compile assembly:single
• mvn package

and now this jar file can be called

• java -cp target/xxxx….xx.jar com.mycompany.app.App

to the local repository

cd ~/.m2/repository/org/apache/maven/archetypes/maven-archetype-quickstart/1.4/

open the jar file, and change the pom.xml

URL重写（常用），就是把session id直接附加在URL路径的后面

1, workspace 有重叠和包含， 2, 需要重启 lsp mode

mvn compile 出现问题，大多数时候是依赖的问题

mvn 依赖的version 不同会有不同的包，补全也不同

TVM design

this has perhaps to be connected with ssl nginx $ uwsgi –chdir /home/cloud/django/QL –http :8000 –module QL.wsgi:application $ uwsgi –ini ql_uwsgi.ini

pip install virtualenv virtualenv –python=python3.9 django source django/bin/active pip install django pip install django-restframework pip install django-cors-headers pip install djoser django-admin startproject studynet_django

access to django shell

python manage.py shell

from Myapp.models import Publication, Article
p1 = Publication(title='The Python Journal') 
p1.save()
p1

p2 = Publication(title='Science News') 
p2.save()
p2

p3 = Publication(title='Science Weekly') 
p3.save()
p3

p4 = Publication(title='Science for everyone') 
p4.save()

a1 = Article(headline='Django lets you build Web apps easily')
a1.save()

a1.publications.add(p1)
a1.publications.add(p4)

a1.publications.all()

a2 = Article(headline='NASA uses Python')
a2.save()
a2.publications.add(p1, p2)
a2.publications.add(p3)

new_publication = a2.publications.create(title='Highlights for Children')
new_publication

p1.article_set.all()

a2.publications.all()

Publication.objects.get(id=4).article_set.all()

Article.objects.filter(publications__title__startswith="Science")

Article.objects.filter(publications__title__startswith="Science").distinct()

• oneToone:
  • connected instance must saved at frist
  • in connecting instance creatation, the connected instance will be specified
  • connected.connecting
  • connecting.connected
• ManyToone(ForeignKey)
  • connected instance must saved at frist
  • in connecting instance creatation, the connected instance will be specified
  • connecting.conneted
  • connected.connecting_set.all()
• ManToMany
  • connected instance must saved at frist
  • connecting instance must saved at frist
  • connecting.connected.add(connected)
  • connecting.conneted.all()
  • connected.connecting_set.all()

• for choose filed, get the presented value with : instance.get_{fieldnamedisplay}()

IN: docker-compose.yml

version: "3.8"
  services:
    traefik:
    image: traefik:alpine
    command: --api --docker
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock
    ports:
      - 80:80
      - 8080:8080

open localhost:8080

IN: traefik.toml

defaultEntryPoints = ["http"]

logLevel = "INFO"
sendAnonymousUsage = true

[docker]
  endpoint = "unix:///var/run/docker.sock"
  exposedByDefault = true

[api]
dashboard = true
entrypoint = "dashboard"

[entryPoints]
  [entryPints.http]
  address = ":80"

  [entryPints.dashboard]
  address = ":8080"

open localhost:8080

settings: editor . fontsize:15 windows .zoomLevel: 1.5

hiden all stuff, only show code

minmap of all code

ctrl + tab

"emmet.triggerExpansionOnTab": true

M-x: new quokka js file will execute all in the new file

open it in format on save

M-x live server open file

System limit for number of file watchers reached, watch '/home/silin/Dokumente/WebDev/Vue/vueboot5/node_modules/webpack-dev-server/client/live.html'

Overstack description the Project need more file than the system can watch,

Ubuntu

sudo gedit /etc/sysctl.conf

Add a line at the bottom

fs.inotify.max_user_watches=524288

Then save and exit!

sudo sysctl -p

to check it

Then it is solved!

/ .eslintrc.js module.exports = { "rules": { "no-mixed-spaces-and-tabs": 0, / disable rule } };

// .eslintrc.js module.exports = { "rules": { "no-tabs": 0 } };

/ .eslintrc.js module.exports = { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "rules": { "no-mixed-spaces-and-tabs": 0, / disable rule }, "parserOptions": { "ecmaVersion": 6, "ecmaFeatures": { "experimentalObjectRestSpread": true }, "parser": "babel-eslint" } };

rules: { 'indent': 'off' }

$: export NODE_OPTIONS=–openssl-legacy-provider

change the owner and group of html to be non root,